サイト内検索

measureText() メソッド

実行結果

コード

/* 文字列を定義 */
var txt = "文字列の幅は";
/* 文字列の幅を調べる */
var tm1 = ctx.measureText(txt);
/* 文字列を描画 */
ctx.fillText(txt, 10, 30);
ctx.fillText(tm1.width, 130, 30);
/* フォントのサイズを変更 */
ctx.font = "18px 'MS Pゴシック'";
/* 文字列の幅を調べる */
var tm2 = ctx.measureText(txt);
/* 文字列を描画 */
ctx.fillText(txt, 10, 70);
ctx.fillText(tm2.width, 130, 70);