vue中使用svga动画

2021-09-09  本文已影响0人  IssunRadiance

1.npm安装

npm install svgaplayerweb —save

2.页面中引入

import SVGA from "svgaplayerweb"

3.html部分


<div id="demoSvag" class="demoSvag" ref="demoSvag"></div>

4.js部分


mounted() {

      this.SVGA()

},


SVGA() {

        let player = new SVGA.Player("#demoSvag");

        let parser = new SVGA.Parser("#demoSvag");

        parser.load(this.bgImg, function(videoItem) {   //this.bgImg,图片路径需要线上地址,本地引用会报错   this.bgImg为svga动画的线上地址

          player.setVideoItem(videoItem);

          player.startAnimation();

        });

      },

上一篇下一篇

猜你喜欢

热点阅读