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();
});
},