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