TextMetrics.width

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

SyntaxEdit

readonly metrics.width;

ExamplesEdit

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; 
 

SpecificationsEdit

Browser compatibilityEdit

See alsoEdit

• TextMetrics