TextMetrics.width

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

Examples

Given this <canvas> element:

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

... you can get a TextMetrics object using the following code:

const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');

let text = ctx.measureText('foo'); // TextMetrics object
text.width; // 16;

Specifications

Browser compatibility

See also

• TextMetrics