首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2013-09-06 
怎么获取svg里面的元素的宽度和高度?有这么段svg代码:gtext x20.5 y7.5 stylefont-family:Verd

怎么获取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)

热点排行
Bad Request.