H5

Lottie

一个适用于 Android、iOS、Web 和 Windows 的库，可以解析用 Bodymovin 导出为 JSON 格式的 Adobe After Effects 动画，并在移动设备和网络上进行原生渲染！

Posted by page on December 1, 2024

Lottie

Lottie官网 Lottie动效

安装

npm i lottie-web -S

基础使用

加载动画到DOM

lottie.loadAnimation({
  container: trophyAnimationContainerRef.value, // 动画挂载DOM，将被动画svg撑起
  path: trophyAnimationJson, // 动画 json url 地址
  autoplay: true, // 是否自动播放，默认为true
  loop: false, // 是否动画循环，默认为true
});