动画发生后如何删除raphael JS对象

Question

我试图制作一个雨点式动画，但是不能创建一个以上的100个雨滴实例，如何在动画发生后移除雨滴，使var i再次<100？ / p>

代码：

window.onload= function (){

var paper = new Raphael( 0, 0, 1000, 400);

var backGround = paper.rect( 0, 0, 1000, 400);

var i = 0;

backGround.attr({ fill: "#b0a8d6"});



function rainDrop() {
    var rainDrop = paper.circle(Math.floor((Math.random() * 1000) + 
1),Math.floor((Math.random() * 200) + 1), 3);
    var y = rainDrop.getBBox().y;
    rainDrop.attr({fill: "blue"});
    rainDrop.animate({cy: 420}, Math.floor((Math.random() * 600) + 400), 'ease-in');
    rainDrop.remove()
}


while (i < 100){    
rainDrop();
i++;

}



};