svg.js - SVG.JS - 如何在悬停时播放 + 暂停 SVG 动画？

Question

如何在 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();
});

标签： svg.js