旋转图像Raphael.js

时间:2012-08-21 17:00:17

标签: javascript jquery svg rotation raphael

我有以下jQuery:

var paper = Raphael(0, 20, 500, 500);

var robot = paper.image("http://jackdent.co.uk/arrow-right.jpg", 0, 0, 20, 20);
robot.node.setAttribute('id', 'robot');

$('#submit').on('click', function () {
    $('#robot').rotate(90);
})

我出于某些原因需要使用分配给它的id访问机器人元素。我想在客户点击按钮时将图像旋转90度。目前我的代码是错误的,我无法弄清楚原因。

任何帮助都会非常感谢,提前谢谢。

查看实时示例here

1 个答案:

答案 0 :(得分:5)

使用:

robot.rotate(90);

而不是

$('#robot').rotate(90);

演示:http://jsfiddle.net/Vre9W/18/