繁体   English   中英

Raphael.js动画方法是否针对2.0版本进行了更改?

[英]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');

http://jsfiddle.net/cdW3u/

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

旋转属性已替换为变换属性,请尝试以下操作:

tetronimo.animate({'transform':"r360"}, 2000, 'bounce');

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM