我正在尝试通过svg的transform
来旋转图像。这是我的代码:
<svg width="100" height="100">
<image id="trns" transform="rotate(90,50,50)" width="100" height="100" xlink:href="logo.png"/>
</svg>
这会在页面加载时成功地将logo.png
旋转90度。此外,当我在firbug的超文本标记语言标签中将90
更改为不同的数字时,旋转也会相应地改变。但是,当我尝试使用jQuery更改该值时,什么也没有发生:
$('#trns').attr('transform', 'rotate(60, 50,50)');
firebug做了什么是我的attr
代码行不能做的?
发布于 2011-07-02 18:18:54
在这里可以正常工作(使用jQuery 1.6.2):http://jsfiddle.net/niklasvh/k3Grd/
确保在DOM准备好后调用它:
$(function(){
$('#trns').attr('transform', 'rotate(60,50,50)');
});
发布于 2011-07-02 18:27:11
确实非常奇怪,这似乎是可行的。
$('#trns')[0].setAttribute('transform','rotate(20,50,50)')
此外,如果您查看$('#trns').attr('transform'),您将获得一个对象。现在没有足够的时间来调查这件事。
发布于 2011-07-02 18:15:10
如果您使用的是jquery >= 1.6,请尝试使用prop
而不是attr
。
希望这能有所帮助。干杯
https://stackoverflow.com/questions/6556368
复制相似问题