一、安装 lottie-web
import lottie from 'lottie-web'
二、存放动画的element
<div class="svgContainer" ref="svgContainer"></div>
三、加载json文件动画
let animation = lottie.loadAnimation({
container: element, // 要包含该动画的dom元素
path: <JsonPath>, // 动画json文件路径
loop: true, // 是否循环播放
renderer: 'svg', // 渲染方式,svg、canvas、html(轻量版仅svg渲染)
autoplay: true, // 是否自动播放
})
四、相关连接
1、https://codepen.io/collection/nVYWZR/
2、http://test.imweb.io/topic/5b23a850d4c96b9b1b4c4efe