javascript - 将 Snap.animation 传递给 Element.animate 时出现 Snap.svg 错误

Question

This Fiddle显示我面临的错误。这真的是一个错误还是我做错了什么？

在 fiddle 中，将两个圆圈悬停，白色的圆圈正确动画，黑色的圆圈消失，无限循环开始在控制台中抛出错误。

var animateCircleIn = Snap.animation({
    r: 15
}, 400, mina.backout);

var animateCircleOut = Snap.animation({
    r: 10
}, 400, mina.easein);

var paper = new Snap("svg");

// Bigger black circle that does not work, see the console
var c2 = paper.circle(60, 60, 30);
c2.hover(function () {
    console.log(this.animate);
    c2.animate(animateCircleIn); // Infinite loop of errors
});

Answer 1

我认为这是你发现的一个错误，在源代码中它看起来在一段时间内查看“easing.dur”而不是“attr.dur”，你可以通过在你的对象中设置它来证明这一点......

animateCircleIn.easing.dur = 400;
animateCircleOut.easing.dur = 400;

它会起作用。

在 fiddle 中突出显示在这里工作。所以我认为你必须像上面那样做一个奇怪的解决方法，或者更改 snap.svg.js 源以匹配。 (我看看能不能更新github)

我认为在 snap.svg.js 中，ms = easing.dur;应该是 ms = attrs.dur；除非我遗漏了一些有关其设置的信息。

(git pull request 已经完成，我认为这在 0.4.1 中已经修复)