移動端動畫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();

        }

      );