CanvasRenderingContext2D: measureText()-Methode
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since â¨Juli 2015â©.
Die Methode CanvasRenderingContext2D.measureText() gibt ein TextMetrics-Objekt zurück, das Informationen über den gemessenen Text enthält (wie zum Beispiel seine Breite).
Syntax
js
measureText(text)
Parameter
text-
Der zu messende Textstring.
Rückgabewert
Ein TextMetrics-Objekt.
Beispiele
Angenommen, es gibt dieses <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("Hello world");
console.log(text.width); // 56;
Spezifikationen
| Specification |
|---|
| HTML # dom-context-2d-measuretext-dev |
Browser-Kompatibilität
Siehe auch
- Die Schnittstelle, die diese Methode definiert:
CanvasRenderingContext2D TextMetrics