How to get the width of an SVG tspan element

Question

I\'m trying to get the rendered width of a tspan element (located inside a text element) in SVG.

This is my markup:

Answer 1

After trying multiple solutions I found getComputedTextLength to be the most accurate way to get the width of an svg tspan. It is also well supported and behaves the same way on different browsers. I also found that the best way to get the height of a tspan is simply to read the font-size attribute.