[英]Did the Raphael.js animation method change for the 2.0 release?
这个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');
为什么? 似乎没有不同的“动画”语法,(尽管没有变更日志,所以并不清楚。)
旋转属性已替换为变换属性,请尝试以下操作:
tetronimo.animate({'transform':"r360"}, 2000, 'bounce');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.