vue下引入YY的SVGA

官方文档：https://github.com/yyued/SVGAPlayer-Web

官方没有关于在VUE下的使用方法，在网上查了半天也没找到，项目又急着用，就自己写了个方法

// HTML
<div id="demoCanvas" ref="demoCanvas"></div>

// 在组件中引入
import SVGA from 'svgaplayerweb'

// 在方法中使用
    SVGA (msg) {
      let player = new SVGA.Player('#demoCanvas')
      let parser = new SVGA.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')
          } else if (i >= 70) {
            player.clear()
          }
        })
      })
    },

转载请注明出处