HTML Canvas measureText() Methode
Definition und Verwendung
measureText() Die Methode gibt ein Objekt zurück, das die Breite des angegebenen Zeichensatzes in Pixeln enthält.
Hinweis:Verwenden Sie diesen Methoden, um die Breite des Texts zu ermitteln, bevor Sie ihn auf dem Canvas ausgeben.
Beispiel
Überprüfen Sie die Breite des Zeichensatzes, bevor Sie Text auf dem Canvas ausgeben:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
var txt="Hello World"
ctx.fillText("width:" + ctx.measureText(txt).width,10,50)
ctx.fillText(txt,10,100);
Syntax
context.measureText(text).width;
Parameterwert
| Parameter | Beschreibung |
|---|---|
| text | Der zu messende Text. |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browser-Version an, die diese Eigenschaft vollständig unterstützt.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Anmerkung:Internet Explorer 8 und frühere Versionen unterstützen das <canvas>-Element nicht.
