Как найти размеры context.fillText (text, x, y)

Question

Я рисую текст на холсте, и мне было интересно, как я могу получить размеры текста для рисования.

Высота должна быть достаточно простой.

Моя единственная мысль - использовать моноширинный шрифт и вычислять длину по количеству символов. Есть ли лучший способ сделать это еще?

Answer 1

Вы читали этот текст для рисования, используя документацию ?Особенно из раздела методов ;
Метод measureText () , кажется, делает то, что вы просите.

Хотя в документации нет примера, яугадать использование это что-то вроде:

var text = 'this is my text';
var text_ctx = ctx.measureText(text);
var text_width = text_ctx.width;