0

从 2009 年开始,这个经常被引用的 Raphael.js教程(参见“示例 6”)在 jsfiddle 中使用 Raphael 版本 1.5.2 而不是版本 2.0 进行动画处理。它渲染,它只是没有动画

var paper = new Raphael(document.getElementById('canvas_container'), 500, 500);

var tetronimo = paper.path("M 250 250 l 0 -50 l -50 0 l 0 -50 l -50 0 l 0 50 l -50 0 l 0 50 z");

tetronimo.attr(
   {
       gradient: '90-#526c7a-#64a0c1',
       stroke: '#3b4449',
       'stroke-width': 10,
       'stroke-linejoin': 'round',
       rotation: -90
   }
);

tetronimo.animate({rotation: 360}, 2000, 'bounce');

http://jsfiddle.net/cdW3u/

为什么?似乎没有不同的“动画”语法,(尽管没有变更日志,所以这并不完全清楚。)

4

1 回答 1

1

旋转属性已替换为变换属性,试试这个:

tetronimo.animate({'transform':"r360"}, 2000, 'bounce');
于 2012-11-06T22:04:47.340 回答