HTML-холст measureText метод ()
HTML холст Справочное руководство
примеров
Перед тем как холст вывода текста, проверьте ширину шрифта:
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 () метод.
Примечание: 8 и более ранние версии Internet Explorer не поддерживают элемент <Canvas>.
Определение и использование
Метод measureText () возвращает объект, содержащий заданный шрифт в пикселях ширины.
Совет: Если вам нужно вывести текст на холст перед тем , как я понимаю ширину текста, используйте этот метод.
Синтаксис JavaScript: | Контекст.measureText (текст) .width; |
---|
Параметр Значение
参数 | 描述 |
---|---|
text | 要测量的文本。 |
HTML холст Справочное руководство