在svg字符串中使用getBoundingClientRect,getBBox?

时间:2013-01-23 15:04:35

标签: jquery svg

嗨,我有下一个svg字符串str =

<svg width="612" height="394" xmlns="http://www.w3.org/2000/svg">
 <g>
     <title>Layer 1</title>
     <rect id="svg_1" height="152" width="265" y="44" x="91" stroke-width="5" stroke="#000000" fill="#FF0000"/>
 </g>
 <g>
     <title>Layer 2</title>
     <rect id="svg_2" height="125" width="151" y="157" x="399" stroke-width="5" stroke="#000000" fill="#FF0000"/>
 </g>
</svg>

为了获得第一个矩形的宽度和高度,我可以使用javascript + jquery:

alert("width:"+$(str).find('g:eq(0) rect:eq(0)').attr('width'));
alert("height:"+$(str).find('g:eq(0) rect:eq(0)').attr('height'));

我想找到相同的用户.getBoundingClientRect()或.getBBox() 我试过了:

alert("height"+$(str).find('g:eq(0) rect:eq(0)').getBoundingClientRect().width);
alert("height"+$(str).find('g:eq(0) rect:eq(0)').getBBox().width);

但它不起作用。谁知道解决方案?如何使用getBoundingClientRect和getBBox以及我的字符串str?感谢

0 个答案:

没有答案