如何使用Raphael获得连续动画？
如何使用Raphael获得连续动画？
提问于 2016-02-25 10:45:52
我使用Raphael来动画一个矩形，问题是在第二个动画中，'x‘位置重置为0。
var paper = Raphael("paper1", 640, 480);
var rect = paper.rect(20,20,50,50).attr({fill:"orange"});
var myAnim = Raphael.animation({transform:'t100,0'},"1000","elastic");
var waitTime = 0;
function animRect(){
rect.animate(myAnim.delay(waitTime));
waitTime+=1000;
rect.animate(myAnim.delay(waitTime));
}我怎样才能拥有一个连续动画？
谢谢！
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-02-25 11:32:13
拉斐尔有一个重复无限的选择。
var anim = Raphael.animation({transform: "t100,0"}, 2500).repeat(Infinity);
rect.animate(anim)这不是很清楚，如果你想要两个单独的动画(一个倒转)或重复相同的一个。如果这样做，您可以输入多个动画，如以下所示(将数字想象为通过的百分比).
var anim = Raphael.animation( { 0.5: {transform: "t100,0"}, 1: { transform: 't0,0' } }, 2500 ).repeat(Infinity);
rect.animate(anim)小提琴
比如停顿..。
小提琴2
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35625049
复制相关文章
相似问题
腾讯云开发者
