SVG.JS-如何播放+；在悬停状态下暂停SVG动画？

如何在svg.js组元素上触发和暂停动画？ 以下内容仅在第一次鼠标悬停时触发动画，但当我再次将鼠标悬停在其上时，动画将不起作用

 var group = draw.group(),
    circle = group.circle(diameter).fill(color);

group.on('mouseover', function() {
    circle.animate(3000, '-').scale(2).opacity(0).loop();
}).on("mouseout", function() {
    circle.pause();
});

---

你完成了动画。所以它结束了，从记忆中消失了。您可能希望将动画代码行移动到mouseover，而不是在之前声明它。但是，如果您真的只想暂停，请使用

pause（）

而不是

finish（）

@Fuzzyma谢谢。我将动画移动到mouseover函数下，并将circle.finish（）更改为circle.pause（）——但是，当我第二次将鼠标移到元素上时，它仍然无法恢复动画。请参阅原始帖子中的更新代码。这是2个解决方案。不要两者都做。那不行@Fuzzyma哦！我理解。但是，如果我删除“mouseout”函数并保持一切不变，那么即使在鼠标移出后动画也会无限期播放。如果我从鼠标盖上删除“.loop（）”部分，那么它将在我鼠标盖上删除后停止，但不会在第二次鼠标盖上重新触发。。。我还缺少什么吗？定义外部动画并暂停它。在鼠标悬停（播放）时继续播放，并在鼠标悬停时暂停播放。非常直截了当！