CanvasRenderingContext2D.measureText

The CanvasRenderingContext2D.measureText() method returns a TextMetrics object that contains information about the measured text (such as its width for example).

Syntax

ctx.measureText(text);

Parameters

text

The text to measure.

Return value

A TextMetrics object.

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

Specification	Status	Comment
WHATWG HTML Living Standard The definition of 'CanvasRenderingContext2D.measureText' in that specification.	Living Standard

Browser compatibility

See also

• The interface defining it, CanvasRenderingContext2D.
• TextMetrics