HTML-холст Метод MeasureText()

❮ Справочник по холсту HTML

Пример

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

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

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

Поддержка браузера

Цифры в таблице указывают на первую версию браузера, полностью поддерживающую метод.

Method
measureText() Yes 9.0 Yes Yes Yes

Определение и использование

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

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

Синтаксис JavaScript: контекст .measureText( текст ).ширина;

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

Parameter Description Play it
text The text to be measured

❮ Справочник по холсту HTML