如何在某个点停止SVG动画？

Question

我的任务是在Flash / Animate中创建一个动画，该动画将作为SVG导出到网页上。 SVG动画的预期功能是它有几个点可以自动停止，用户可以通过单击导航按钮导航到这些点。这将根据当时的位置来回移动动画。

所以，我想停止动画，就好像有一个停止（）;动画停止的帧处的函数调用。

有办法做到这一点吗？

如果没有，可能的解决方案是在停止点之间拆分动画，但这会产生一个问题：

假设动画处于动画的第一站，A。用户点击动画指向C，这意味着动画必须从A到B，然后在B部分结束时继续将B动画为C.希望这是有道理的。我想这可以通过一些JavaScript魔法实现，但它有点像创可贴。

Answer 1

这是不可能直接使用svg。但是正如你所说，你可以使用多个停止点。然后，您可以使用onclick事件，如果单击一个动画ID，它将启动所选动画但隐藏其他动画属于其他动画。