从 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');
为什么?似乎没有不同的“动画”语法,(尽管没有变更日志,所以这并不完全清楚。)