Javascript 拉斐尔动画未显示

Question

我有这个功能

function generateCircles2(){
    for(var i = 1; i<500; i++){
    var position = Math.floor(Math.random() * 600);
    var size = Math.floor(Math.random() * 8);
    var circle = paper.circle(-50,position,size);
    var time = Math.floor(Math.random() * 4000) + 2000;
    circle.attr("fill", "#000000");
    var cirAni = Raphael.animate({cy: position, cx: 850}, time);
    circle.animate(cirAni.delay(100));
  }
}

假设生成圆圈在屏幕上随机点移动，但是圆圈不会出现，并且它还会阻止其他动画在这些动画上方发生。我怎样才能让这些圆圈随机移动，同时保持其他动画同时运行？

Answer 1

这是因为正确的方法是 'animation' 而不是 'animate' 动画对象（与动画元素相反）。

所以不用

var cirAni = Raphael.animate({cy: position, cx: 850}, time);

切换到

var cirAni = Raphael.animation({cy: position, cx: 850}, time);

jsfiddle

Javascript 拉斐尔动画未显示

Javascript Raphael animations not showing

javascript

animation

raphael