手机登录/注册
X
登录
https://www.npmjs.com/package/svga.lite
npm i svga.lite -S
import { Downloader, Parser, Player } from "svga.lite";
const downloader = new Downloader();
const parser = new Parser({ disableWorker: true });
<canvas
class="ticket"
id="canvas1"
v-show="showF"
\></canvas>
放到imges.js文件
svgaAdree:"http://fstatic.cat1314.com/uc/svga/668fdef93df143447846793448d48cb4_1626786582.svga",
.ticket{
width: 7.21rem;
height: 6.64rem;
}
data() {
return {
showF: false,
};
},
mounted() {
this.svgaGo(this.images.svgaAdree);
}
methods: {
async svgaGo(adress) {
let canvas = document.getElementById("canvas1");
const fileData = await downloader.get(adress);
const data = await parser.do(fileData);
let player = new Player(canvas);
await player.mount(data);
player.start();
this.showF = true;
},
}