пример
Проверьте ширину текста, прежде чем писать его на холсте:
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() | 4,0 | 9,0 | 3,6 | 4,0 | 10,1 |
Определение и использование
measureText() метод возвращает объект, содержащий ширину указанного текста в пикселях.
Tip: Используйте этот метод , если вам нужно знать ширину текста, прежде чем писать его на холсте.
Синтаксис JavaScript: | context . measureText( text ) .width; |
---|
Значения параметров
параметр | Описание | Сыграй |
---|---|---|
text | Текст, который будет измеряться | Сыграй " |
<Холст объекта