TextMetrics: width-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Hinweis: Dieses Feature ist verfügbar in Web Workers.
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
| Specification |
|---|
| HTML Standard # dom-textmetrics-width-dev |
Browser-Kompatibilität
BCD tables only load in the browser