如何在某一点停止SVG动画



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

所以,我想停止动画,就好像有一个stop();在动画应该停止的那一帧调用函数。

有办法做到这一点吗?

如果不是,一个可能的解决方案是在停止点之间分割动画,但这也带来了它自己的问题:

假设动画位于动画的第一站A,用户点击动画到点C,这意味着动画必须从A到B,然后,在B部分结束时,继续将B动画到C,希望这能说得通。我想这是可以通过一些JavaScript魔法实现的,但这有点权宜之计。

这是不可能直接使用svg。然而,正如你所说,你可以使用多个停止点。然后,你可以使用onclick事件,如果一个动画id被点击,它会开始选中的动画,但隐藏属于其他动画的其他id。

最新更新