vue下引入YY的SVGA

官方文档: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()

          }

        })

      })

    }

你可能感兴趣的:(vue下引入YY的SVGA)