Beispiel
Überprüfen Sie die Breite des Textes, bevor es auf der Leinwand zu schreiben:
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);
Versuch es selber " Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Methode vollständig unterstützt.
| Methode | |||||
|---|---|---|---|---|---|
| measureText() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definition und Verwendung
Die measureText() Methode gibt ein Objekt, das die Breite des bestimmten Texts in Pixeln enthält.
Tip: Verwenden Sie diese Methode , wenn Sie die Breite eines Textes wissen müssen, bevor sie auf der Leinwand zu schreiben.
| JavaScript-Syntax: | context . measureText( text ) .width; |
|---|
Parameterwerte
| Parameter | Beschreibung | Spiel es |
|---|---|---|
| text | Der Text zu vermessenden | Spiel es " |
<Canvas Object