如何使用JavaScript获取SVG tspan元素的确切尺寸？

Question

我需要检索SVG tspan元素的确切尺寸。

请查看屏幕截图

例如，请输入以下内容：

<text 
    fill="#000000" 
    stroke="none" 
    stroke-width="0" 
    stroke-linecap="round" 
    stroke-linejoin="round" 
    x="32"
    y="25.84627776450299" 
    text-anchor="middle" 
    font-size="27px" 
    font-family="Old English" 
    data-textcurve="0" 
    data-itemzoom="1 1"  
    itemzoom="0.1927710843373494 0.2872340425531915">
    <tspan dy="0" x="50%">Hello</tspan>
    <tspan dy="27" x="50%">Hello</tspan>
</text>

我尝试了以下代码，但它没有返回文本的确切宽度和高度。

var size1 = txt[0].getBoundingClientRect();
var w = parseInt(size1.width);          
var size2 = e[0].getBoundingClientRect();