HTML canvas measureText()Методы
Справочное руководство по HTML canvas
Примеры
Проверьте ширину шрифта перед выводом текста на canvas:
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);
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);
Попробуйте сами »
Поддержка браузеров
Internet Explorer 9, Firefox, Opera, Chrome и Safari поддерживают метод measureText().
Примечание:Internet Explorer 8 и более ранние версии не поддерживают элемент <canvas>.
Определение и использование
Метод measureText() возвращает объект, содержащий ширину указанного шрифта в пикселях.
Совет:Если вам нужно узнать ширину текста перед его выводом на холст, используйте этот метод.
| Синтаксис JavaScript: | context.measureText(text).width; |
|---|
Значения параметров
| Параметр | Описание |
|---|---|
| text | Текст, который нужно измерить. |
Справочное руководство по HTML canvas Другие расширения