javascript - 在动画中添加播放/暂停

Question

我有一个移动块的动画，但我想添加一个功能，用户可以在中间中断动画，比如暂停，然后从那里开始。

我在 raphael 参考中看到有两种方法.stop()和.pause()

但我不清楚如何实现它。

我可以知道如何在我的情况下使用它。请看http://jsfiddle.net/kevindivdbyzero/95tmh/：

Answer 1

当你想暂停它时，你可以使用 .stop() 但保存块移动的数量。然后，当您恢复动画时，减去它必须移动的总量减去它已经移动的量。

因此，如果您将块移动 100 像素并且他们将其暂停在 50 像素，那么当他们恢复它时，这次只有 50 像素的动画。然后他们可以再次将其暂停 20 像素，而您将剩下 30 像素。继续这样做直到动画完成，然后触发块完成动画。您只需要存储更多信息。