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

时间:2017-03-20 14:31:23

标签: javascript svg

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

请查看屏幕截图enter image description here

例如,请输入以下内容:

<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();

0 个答案:

没有答案