在动画中添加播放/暂停

Question

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

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

但我不清楚如何实施它。

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

Answer 1

如果要暂停它，可以使用.stop（）但保存块移动的数量。然后当你恢复动画时，减去它必须移动的总量减去它已经移动的数量。

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