Последние учебники веб-разработки
 

HTML canvas measureText() Method

<HTML Canvas Ссылка

пример

Проверьте ширину текста, перед записью на холсте:

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;

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

параметр Описание Сыграй
text Текст, который будет измеряться Сыграй "

<HTML Canvas Ссылка