Javascript метод measureText()

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

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

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

Пример использования

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

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);