欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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>

 

相关标签: vue vue svga