vue下使用svga文件
程序员文章站
2022-05-03 10:35:51
...
<template>
<div id="svgaplayerweb"> </div>
</template>
<script>
import SVGA from 'svgaplayerweb'
export default {
mounted(){
this.loadSvga()
},
methods: {
loadSvga () {
var parser = new SVGA.Parser('#svgaplayerweb')
var player = new SVGA.Player('#svgaplayerweb')
parser.load(`${T.assets}/img/wg_line.svga`, function (videoItem) {
player.setContentMode("AspectFit");
player.setVideoItem(videoItem);
player.startAnimation();
}, function (error) {
alert(error.message);
})
}
}
}
</script>
上一篇: Android开发之动画实现