HTML5 canvas measureText メソッド
HTML5 canvas リファレンス
例
キャンバスに表示する前に、テキストの幅を確認します:
JavaScript:
var c=document.getElementById("myCanvas"); var
ctx=c.getContext("2d"); var txt="Hello World" ctx.font="30px Arial";
ctx.fillText("width:" + ctx.measureText(txt).width,10,50)
ctx.fillText(txt,10,100);
Try it yourself »
定義と用法
measureText メソッドは、1つの属性 width を使用して、オブジェクトを返します。
width 属性は、ピクセルでテキストの幅を返します。
キャンバスへテキストを表示する前に、テキストの幅を知る必要がある場合に役立ちます。
JavaScript 構文: |
context.measureText(text).width; |
ブラウザ・サポート
measureText メソッドは、主要な全ブラウザがサポートしています。
パラメータ値
パラメータ |
値 |
説明 |
Play it |
text |
text |
計測するテキスト |
Play it » |
HTML5 canvas リファレンス
|