Raphael JS:延迟后沿路径移动图像

时间:2015-11-25 19:05:02

标签: javascript raphael

我目前有动画,以便在背景图片上滑动:

var paper = new Raphael( 0, 0, 800, 600);
var anim = Raphael.animation({path: "M2 2L100 2"}, 1500);
var frontLayer = paper.image("raphael-img/front-image.png",0,0,1700,600);
c.animate({transform: ['t',-900,0]}, 14000, function(){})

这会产生以下结果:

Beginning image

Process of sliding

有没有办法在4秒后立即改变背景/滑动效果。没有它必须滚动。

1 个答案:

答案 0 :(得分:0)

好的,我发现了怎么做。

简单地说,通过执行以下操作来调用效果您希望使用延迟:

var anim = Raphael.animation( {transform:[' t',-900,0]},0 );

然后获取您指定的图像变量名称并使用以下函数。

<强> frontLayer .animate(anim.delay(2000));