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()

          }

        })

      })

    }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容