当前位置: 代码迷 >> JavaScript >> 如何获取svg里面的元素的宽度和高度
  详细解决方案

如何获取svg里面的元素的宽度和高度

热度:254   发布时间:2013-09-06 10:17:17.0
怎么获取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)
  相关解决方案