HTML-Leinwand measureText () -Methode
Beispiele
Vor der Leinwand Textausgabe, überprüfen Sie die Schriftbreite:
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);
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);
Versuchen »
Browser-Unterstützung
Internet Explorer 9, Firefox, Opera, Chrome und Safari Unterstützung measureText () -Methode.
Hinweis: 8 und frühere Versionen von Internet Explorer unterstützt nicht das <canvas> -Element.
Definition und Verwendung
measureText () Methode gibt ein Objekt, das die angegebene Schrift in Pixel Breite enthält.
Tipp: Wenn Sie auf Ausgabetext auf die Leinwand, bevor verstehe ich die Breite des Textes, verwenden Sie diese Methode.
JavaScript-Syntax: | Kontext.measureText (Text) .width; |
---|
Parameter Wert
参数 | 描述 |
---|---|
text | 要测量的文本。 |