我有一个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
的问题,那就更好了)。
1条答案
按热度按时间xzv2uavs1#
您只需进入Lottie json文件并从资源数组中移除帧即可。帧的ID类似于‘fr_1’、‘fr_2’。将id从fr_0删除到fr_15并保存。此外,请确保在删除后更新最终帧数量。帧的总数由OP键指示。