h5使用svgaplayerweb实现svga播放

1.安装

npm i svgaplayerweb

2.引入

import SVGA from 'svgaplayerweb';

3.使用

====>html
<div id="ribbon-svga"></div>

====>css

#ribbon-svga {

    width: 750px;

    height: 750px;

    position: absolute;

    left: -80px;

    top: -125px;

}

=====>js

methods:{

async playRibbonSvga() {

            let player = new SVGA.Player('#ribbon-svga');

            let parser = new SVGA.Parser('#ribbon-svga');

            player.loops = 1;

            parser.load(ribbonSvga, (videoItem) => {

                player.setVideoItem(videoItem);

                player.startAnimation();

            });

            player.onFinished(() => {

                console.log("动画播放结束")

            });

        },

}