Получить высоту строки SVG

Question

Я пытаюсь получить высоту строки SVG. Я получаю ширину с getComputedTextLength(), которая работает хорошо, но, похоже, нет никакого эквивалента высоты.

getBBox() не является вариантом. Он больше не поддерживается в Firefox, по крайней мере, не для текста, по-видимому, потому что он является частью SVG 2.0.

Answer 1

Для любого элемента вы можете использовать getBoundingClientRect(). посмотрите here для документации. В некоторых браузерах возвращенный прямоугольник не имеет свойства высоты, но простым вычитанием rect.bottom - rect.top вы его получили.

Пожалуйста, не забывайте, что getBoundingClientRect() вернет значения в абсолютном пространстве, в результате чего getBBox() возвращает значения в пространстве пользователя элемента, что может сбить с толку, если оно применяет преобразования.

Answer 2

getBBox() должен отлично работать для текстовых элементов в Firefox.

Here's a demo to prove it.

Это работало отлично для меня в FF 32.