Вычисление вертикальной высоты текста SVG

Question

У меня есть массив строк. Сказать,

['Jan 11','Feb 11']

И я создаю вертикальный текст с этими строками так

<text x="60" y="154" text-anchor="middle" style="text-anchor: middle; font: normal normal normal 12px/normal Helvetica, Arial; " font="12px Helvetica, Arial" stroke="none" fill="#ffffff" transform="rotate(90 59.75 150)">
<tspan>Jan 11</tspan>
</text>

После визуализации svg я нахожу, что высота текста составляет 36 пикселей. Теперь есть способ рассчитать высоту текста, который будет отображаться заранее, учитывая размер шрифта?

Answer 1

Вы можете использовать метод getBBox для расчета размеров узлов SVG.

var textNode = document.getElementsByTagName('text'),
    bbox = textNode.getBBox();

//bbox now have x, y, width and height properties