如何在没有后效的情况下修剪Lottie文件

vecaoik1  于 2022-10-15  发布在  React
关注(0)|答案(1)|浏览(137)

我有一个95帧的Lottie文件,我想要修剪开始部分,使其从15帧标记开始。似乎应该有一个简单的方法来做到这一点,但我没有后遗症。有没有在线编辑器或其他方法可以获得一个新的.json文件来表示从15帧开始的动画?
我尝试这样使用LottieRef.current.play(15, 95)

const lottieRef = useRef<LottieView>(null);

useEffect(() => {
    if (lottieRef && lottieRef.current) {
      lottieRef.current.play(15, 95);
    }
  }, [renderVideo, lottieRef]);

return (
    <LottieView
      ref={lottieRef}
      source={SUCCESS.keepReading}
      onAnimationFinish={game.onFinishAnimation}
      autoPlay
      loop={false}
      style={styles.animationContainer}
    />
  );

但是当我添加onAnimationFinish道具时,它会立即调用动画Finish函数,而不是等到动画播放完。所以我想编辑实际的.json文件(但如果有一个修复程序,我可以使用此方法而不会出现onAnimationFinish的问题,那就更好了)。

xzv2uavs

xzv2uavs1#

您只需进入Lottie json文件并从资源数组中移除帧即可。帧的ID类似于‘fr_1’、‘fr_2’。将id从fr_0删除到fr_15并保存。此外,请确保在删除后更新最终帧数量。帧的总数由OP键指示。

相关问题