ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

HTML Ссылки

HTML по Алфавиту HTML по Категориям HTML Атрибуты Тегов HTML Атрибуты Глобал HTML Атрибуты Событий HTML Цвета HTML Холсты HTML Аудио / Видео HTML Наборы символов HTML DOCTYPEs HTML Кодирование URL HTML Языковые коды HTML Коды стран HTTP Ответы сервера HTTP Методы PX в EM конвертер Горячие клавиши



HTML холст measureText() Метод

❮ HTML Справка на полотно

Пример

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

YourbrowserdoesnotsupporttheHTML5canvastag.

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() Да 9.0 Да Да Да

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

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

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

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

❮ HTML Справка на полотно