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

Siehe auch