更新记录

v0.1.0（2026-02-04） 下载此版本

初次发布

平台兼容性

uni-app(3.6.16)

一个 使用 svga 库封装的 uniapp APP svga 示例项目, 暂不支持声音播放

安装依赖

pnpm install svgaplayerweb

预览

使用示例

<template>
    <view class="page">
        <button @click="playSvga">播放 SVGA</button>

        <!-- #ifdef APP-PLUS -->
        <svga-app-player ref="svgaRef" @ready="onSvgaReady" @end="onSvgaEnd" @error="onSvgaError" />
        <!-- #endif -->
    </view>
</template>

<script setup>
import { ref } from "vue";
import SvgaAppPlayer from "@/components/svga-app-player/svga-app-player.vue";

const svgaRef = ref(null);

const playSvga = () => {
    const url = "/static/svga/rose.svga";
    svgaRef.value?.play(url);
};

const onSvgaReady = () => {
    console.log("SVGA 已加载，开始播放");
};

const onSvgaEnd = () => {
    console.log("SVGA 播放结束");
};

const onSvgaError = (err) => {
    console.error("SVGA 播放失败：", err);
};
</script>

<style scoped></style>

Method 实例方法

Events 事件