Найти высоту текста по размеру и шрифту

Мне нужна функция, которая делает то же самое, что и ctx.measureText(string).width, но с высотой строки. Я был очень удивлен, когда узнал, что ctx.measureText(string).height не существует. Кажется странным, что будет один для ширины, но не для высоты...

(Пожалуйста, не используйте jQuery)


javascript function fonts measure height
person Spider53    schedule 26.06.2018    source источник
comment
Бьюсь об заклад, такая функция уже есть в stackoverflow. Этот вопрос точно был задан.   -  person Hirasawa Yui    schedule 26.06.2018
comment
Хотите отправить ссылку? Потому что я, конечно, не мог найти ничего применимого к этому.   -  person Spider53    schedule 26.06.2018

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете получить это с помощью атрибута clientHeight элемента.

const p = document.querySelector('p');

function findHeight(element) {
    return element.clientHeight;
} 

console.log(findHeight(p));
//returns paragraph height in px
person Scott Ledbetter    schedule 26.06.2018
comment
Хотя это не элемент. Это просто текст, который рисуется на холсте с помощью fillText с заданной строкой, размером шрифта в пикселях и шрифтом (не моноширинным). - person Spider53; 26.06.2018
comment
Ах я вижу. Это сложнее :) Возможно, проверьте эту тему: stackoverflow.com/questions/16816071/ - person Scott Ledbetter; 26.06.2018