html - 捕捉 SVG 动画旋转

Question

我是第一次制作 SVG 动画，遇到了一个问题:

我有一个箭头(在 illustrator 中制作)沿着一条路径，我使用了一个在我使用的著名的 codepen 动画路径上找到的函数。 现在，我设法使箭头的 Angular 正确(经过多次尝试)，但现在发生的是在我的动画结束时，由于我无法理解的原因，箭头只是做了一个奇怪的旋转(就像它正在将自己放回原来的位置)。

这是我的问题的 JSFiddle:

http://jsfiddle.net/4cvaM/3/

这是我认为问题所在的那一行，尽管我不太明白 .alpha + 90 的真正作用

tipGroup.transform( 't' + parseInt(movePoint.x - 8) + ',' + parseInt( movePoint.y - 9) + 'r' + (movePoint.alpha + 90));

在此先感谢您的帮助!

Answer 1

从 Snap 库中关于 Angular 导数的注释代码行判断:

https://github.com/adobe-webplatform/Snap.svg/blob/master/src/path.js#L169

以及关于您在邮件列表中遇到的问题的各种讨论:

https://groups.google.com/d/msg/snapsvg/TOYtCQvLNHA/w8JCg5BVQMgJ https://groups.google.com/d/msg/raphaeljs/W9bA0SkArVY/ktkbu2OndAIJ

我的猜测是这是一个库错误，您应该通过 github 问题寻求帮助。