日期:2014-05-16  浏览次数:20392 次

怎么获取svg里面的元素的宽度和高度?
有这么段svg代码:
<g>
<text x="20.5" y="7.5" style="font-family:Verdana, sans-serif;font-size:11px;color:black;cursor:default;line-height:14px;fill:black;" r="0" zIndex="1" transform="rotate(-90 20.5 7.5)" text-anchor="end" visibility="inherit">
<tspan x="20.5">34</tspan>
</g>

我想获取到<text>或者<tspan>的宽度和高度,但是读出来的都是0px啊,在firebug下计算出来的确实是有高度和宽度的。。求教给位大神,这个要怎么处理哇。。。。

------解决方案--------------------
<tspan x="20.5" id="tspan1" >34</tspan> ,加个ID tspan1

js:
 var el=document.querySelector("#tspan1");
 alert( el.offsetWidth )
alert( el.offsetHeight)