Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
TextMetrics: width-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die schreibgeschützte width-Eigenschaft des TextMetrics-Interfaces enthält die Vorschubreite des Textes (die Breite dieses Inline-Blocks) in CSS-Pixeln.
Beispiele
Beginnen Sie mit diesem <canvas>-Element:
html
<canvas id="canvas"></canvas>
Sie können ein TextMetrics-Objekt mit dem folgenden Code erhalten:
js
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
let text = ctx.measureText("foo"); // TextMetrics object
text.width; // 16;
Spezifikationen
| Spezifikation |
|---|
| HTML # dom-textmetrics-width-dev |
Browser-Kompatibilität
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.