使用jQuery更改SVG形状的属性

时间:2011-07-26 12:18:55

标签: jquery svg

这是我的SVG文件:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" height="500">

<script type="text/javascript" xlink:href="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" xlink:href="js/myscript.js"></script>

<rect id="kilote" x="70" y="70" width="50"  height="50"   style="fill:red"/>

</svg>

我想从“myscript.js”文件中更改此rect的“width”属性。

我尝试了以下但没有成功(文件:“myscript.js”):

$(function(){

$('rect[id="kilote"]').attr('width', '150');

});

我在这里尝试过代码http://jsfiddle.net/k3Grd/21/并且有效。

但是我无法在Firefox / Chrome上本地工作。

任何提示?

提前致谢!!!

0 个答案:

没有答案