官方文档:https://github.com/yyued/SVGAPlayer-Web
官方没有关于在VUE下的使用方法,在网上查了半天也没找到,项目又急着用,就自己写了个方法
// HTML
// 在组件中引入
importSVGAfrom'svgaplayerweb'
// 在方法中使用
SVGA (msg) {
letplayer =newSVGA.Player('#demoCanvas')
letparser =newSVGA.Parser('#demoCanvas')
parser.load(msg,function(videoItem){
player.loops =1// 设置循环播放次数是 1
player.setVideoItem(videoItem)
player.stepToFrame(0,true)// 从指定帧开始播放动画
player.onFrame((i) =>{
console.log(i)// 。这里输入的是动画的帧数
if(i >=24&& i <26) {
console.log('111')
}elseif(i >=70) {
player.clear()
}
})
})
}