TextMetrics.width

The readonly TextMetrics.width property contains the text's advance width (the width of that inline box) in CSS pixels.

Syntax

readonly metrics.width;

Examples

Given this <canvas> element:

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

You can get a TextMetrics object using the following code:

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

var text = ctx.measureText("foo"); // TextMetrics object
text.width; // 16;

Specifications

Browser compatibilityUpdate compatibility data on GitHub

See also

• TextMetrics