Raphaël 的问题和删除 svg 中的对象

issues with Raphaël and removing objects within svg

打开密码笔有一个开火按钮。它会发射一堆椭圆,然后当它击中时会引起爆炸。如果你看椭圆,有两组,它们仍然存在。我试过使用下面的

d3.selectAll("ellipse").remove()
$("ellipse").remove()
$("ellipse").each(function(){this.remove()})

http://codepen.io/daniel667/pen/QwMWrm

上面的代码笔将有助于显示我所说的最右边的第二个启动按钮是我一直试图用来消除省略号的东西,所以我不等待动画最底部的功能.

我会创建一个 Raphael 集或一个数组,并将元素存储在其中,以便您稍后可以引用它们来删除。如果它们将被重复使用,可能不值得删除它们,而只是隐藏它们而不是每次都重新创建。

var mySet;
...
mySet = paper.set();
mySet.push( circi );

....
function throwss() {
  mySet.forEach( function( el ) { el.remove(); });
}

示例:codepen

为了提高速度,您可能还想查看 Velocity.js,还要注意动画滤镜可能占用大量资源。