vue中通过lottie-web使用json动画

具体步骤

1、通过NPM安装lottie-web

 npm install lottie-web 

2、在vue文件中局部引入组件

 import lottie from "lottie-web"; 

3、引入JSON动画数据源

 import animationData from "./data.json"; 

4、创建动画容器

 <div id="lottie" style="position: relative;width:500px;height:500px"></div> 

5、渲染组件

     startAnim() {
      console.log("开始动画");
      let params = {
        container: document.getElementById("lottie"),
        rendere
剩余70%内容付费后可查看
如果觉得文章有帮助到你,可以扫描以下二维码
   请本文作者 喝一杯
pay_weixin pay_weixin

发表评论

电子邮件地址不会被公开。 必填项已用*标注