Lottie 播放接下来的 10 帧

问题描述

有没有办法在点击事件上播放乐蒂动画的下 10 帧？

此代码播放特定帧（第 0-20 帧）然后停止：

anim.playSegments([0,20],true);

但是我想要一个按钮在每次点击时播放接下来的 10 帧。我可以设置一个柜台，但不知道是否有更简单的方法。类似的东西：

anim.play([++10],true);

解决方法

您可以创建一个变量 startFrame，然后使用它来记住从哪里开始下一帧并从那里播放接下来的 10 帧。只需在每次点击时将 startFrame 变量增加 10。

您的加载代码：

anim.playSegments([0,20],true);

在你的 onclick 回调范围之外声明：

let startFrame = 20;

然后在点击回调中：

anim.playSegments([startFrame,startFrame+=10],true);

编辑 我刚刚将 startFrame 初始值从 0 更改为 20，因为前 20 帧将在加载时播放。