svga动画安装和使用

1.npm安装

npm install svga --save

   yarn安装

yarn add svga

2.在你的Vue组件文件中引入Parser和Player:

import { Parser, Player } from 'svga';

3.svga基本使用(这里还判断了svga频繁点击会出现重叠效果的情况)


4.停止播放或者清除svga动画

      this.svgaplayer?.stop();  //停止播放
      this.svgaplayer?.clear(); //清楚当前svga动画

5.结束
6.就这么简单

你可能感兴趣的:(前端,javascript,html,ui,vue.js)