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

Question

我的任务是在Flash/Animate中创建一个动画，它将作为SVG导出到网页上。SVG动画的预期功能是它有几个自动停止的点，用户可以通过单击导航按钮导航到这些点。这将使动画前后移动，具体取决于您当时所处的位置。

因此，我想停止动画，就像在动画应该停止的帧处有一个stop()；函数调用一样。

有没有办法做到这一点？

如果没有，一种可能的解决方案是在停止点之间拆分动画，但这本身就存在一个问题：

假设动画在动画中的第一个停靠点A。用户单击动画到点C，这意味着动画必须从A转到B，然后在B部分的末尾继续从B转到C。希望这是有意义的。我想这是可以通过一些JavaScript魔法实现的，但这有点像创可贴。

Answer 1

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