HTML холст 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);
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает этот метод.
Метод | |||||
---|---|---|---|---|---|
measureText() | Да | 9.0 | Да | Да | Да |
Определение и использование
Метод measureText() возвращает объект, содержащий ширину заданного текста в пикселях.
Совет: Используйте этот метод, если необходимо знать ширину текста, прежде чем записывать его на холсте.
Синтаксис JavaScript: | context.measureText(text).width; |
---|
❮ HTML Справка на полотно