RaphaelJS 旋转不起作用

我正在用这个把头撞到墙上。我有 raphael js 2.0 版，我需要使图像以跨浏览器的方式旋转。我很想在 CSS3 中做到这一点，但并非所有浏览器都支持我需要做的事情。

因此，在绞尽脑汁之后，我去了 Raphael 游乐场并尝试了那里的一些代码。那里也行不通。这里发生了什么？

去游乐场：http://raphaeljs.com/playground.html http://raphaeljs.com/playground.html运行这段代码，应该看到一个正方形的轮廓。 paper.rect(100, 100, 300,300).animate({旋转:"-45"}, 2000);

使用变换作品：

paper.rect(100, 100, 300,300).animate({transform:"r45"}, 2000);

但不幸的是，对于变换，我似乎无法指定中心点。我希望该对象从左下角旋转。我可以用这段代码做到这一点：

纸张.矩形(100, 100, 300,300).旋转(45,0,300)

但这不会产生动画，或接受缓动，或有任何回调。

我在几个例子中看到了“旋转”，包括：

http://www.irunmywebsite.com/raphael/additionalhelp.php#PAGETOP http://www.irunmywebsite.com/raphael/additionalhelp.php#PAGETOP http://net.tutsplus.com/tutorials/javascript-ajax/an-introduction-to-the-raphael-js-library/ http://net.tutsplus.com/tutorials/javascript-ajax/an-introduction-to-the-raphael-js-library/

谢谢， - 基思

去游乐场地 https://dmitrybaranovskiy.github.io/raphael/playground.html并粘贴此代码：

paper.rect(100, 100, 300,300).animate({transform:"r-45,0,0"}, 2000);

从绝对 0,0 位置旋转矩形。请参阅拉斐尔 js 代码@github https://github.com/DmitryBaranovskiy/raphael/blob/master/raphael.core.js#L1763-1776，这表明transform可以采用 2 或 4 个参数来实现旋转。