Svga动画

https://www.npmjs.com/package/svga.lite

npm i svga.lite -S

import { Downloader, Parser, Player } from \"svga.lite\";
const downloader = new Downloader();
const parser = new Parser({ disableWorker: true });

<canvas
        class=\"ticket\"
        id=\"canvas1\"
        v-show=\"showF\"
\></canvas>

svgaAdree:\"http://fstatic.cat1314.com/uc/svga/668fdef93df143447846793448d48cb4_1626786582.svga\",

.ticket{
   width: 7.21rem;
   height: 6.64rem;
}     

  data() {
    return {
      showF: false,
    };
  },

  mounted() {
    this.svgaGo(this.images.svgaAdree);
  }

  methods: {
    async svgaGo(adress) {
      let canvas = document.getElementById(\"canvas1\");
      const fileData = await downloader.get(adress);
      const data = await parser.do(fileData);
      let player = new Player(canvas);
      await player.mount(data);

      player.start();
      this.showF = true;
    },
  }