CanvasRenderingContext2D.measureText()

CanvasRenderingContext2D.measureText() メソッドは、測定したテキストの情報 (例えば幅など) を持つ TextMetrics オブジェクトを返します。

構文

ctx.measureText(text);

引数

text

測定する文字列。

戻り値

TextMetrics オブジェクト。

例

以下の <canvas> 要素があるとします:

<canvas id="canvas"></canvas>

以下のコードを使用して TextMetrics オブジェクトを得ることができます:

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

var text = ctx.measureText("foo"); // TextMetrics オブジェクト
text.width; // 16;

仕様

ブラウザ実装状況

関連情報

• このメソッドを定義するインターフェイスである CanvasRenderingContext2D
• TextMetrics