measureText()¶
Метод measureText()
возвращает объект, содержащий ширину заданного текста в пикселях.
Примечание: Используйте этот метод, если вам нужно узнать ширину текста до того, как написать его на холсте.
Синтаксис¶
context.measureText(текст).width;
Параметры¶
текст
- Измеряемый текст
Спецификация¶
Пример¶
Узнаем ширину текста перед тем, как написать его на холсте:
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()
MDN (рус.)