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 in vollem Umfang unterstützt.
| Methode | |||||
|---|---|---|---|---|---|
| measureText() | ja | 9.0 | ja | ja | ja |
Definition und Verwendung
Die measureText() Methode gibt ein Objekt, das die Breite des angegebenen Textes in Pixeln enthält.
Tipp: 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 mess | Spiel es " |