measureText()

Метод measureText() возвращает объект, содержащий ширину заданного текста в пикселях.

Примечание: Используйте этот метод, если вам нужно узнать ширину текста до того, как написать его на холсте.

Синтаксис

context.measureText(текст).width;

Параметры

текст

Измеряемый текст

Спецификация

• HTML Living Standard

Пример

Узнаем ширину текста перед тем, как написать его на холсте:

Ваш браузер не поддерживает HTML5 тег canvas.

JavaScript:

var c = document.getElementById('myCanvas')
var ctx = c.getContext('2d')
ctx.font = '30px Arial'
var txt = 'Hello World'
ctx.fillText('width:' + ctx.measureText(txt).width, 10, 50)
ctx.fillText(txt, 10, 100)

Ссылки

• Метод measureText() ^{MDN (рус.)}