当前位置: 首页 > 工具软件 > Bodymovin > 使用案例 >

Vue3项目中使用AE+bodymovin+lottie的模式制作特效

池照
2023-12-01
  1. 第一步:使用AE的插件bodymovin生成json文件。我这里使用的是ae2020版本,需要对应的是bodymovin5.6.6版本。
    参考例子

  2. 第二步:安装lottie-player插件引用json文件。
    lottie-player文档

其中需要注意的是本地的文件src指向localhost路径级别,比如这个例子的路径。

<lottie-player
   autoplay
   loop
   mode="normal"
   src="src/assets/json/data.json"
   style="width: 320px;"
>
</lottie-player>
 类似资料: