Javascript метод measureText()

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

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

JavaScript синтаксис: context.measureText(текст).width;

Значения параметров

Параметр Описание
текст Измеряемый текст

Пример

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

Ваш браузер не поддерживает 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);