移动端动画lottie 和 svga的区别

Lottie  只需要 ui设计师给到json动画文件,像img图片一样import引入即可,对应属性   链接:https://juejin.cn/post/6844903661760413704 

或者去官网查看 http://airbnb.io/lottie/#/

 svga上来需要先播放动画的dom存在,动态的dom不太适合,官网链接 :http://svga.io/

yarn add svgaplayerweb —save   ||  npm i svgaplayerweb —save
import SVGA from "svgaplayerweb"

<div id="demoCanvas" ref="demoCanvas"></div>

 let player = new SVGA.Player("#demoCanvas");
      let parser = new SVGA.Parser("#demoCanvas");
      parser.load(this.bgImg,function(videoItem) {                         
          player.setVideoItem(videoItem);
          player.startAnimation();
        }
      );
原文地址:https://www.cnblogs.com/xiaoyaoweb/p/15066756.html