更新记录

v0.1.0（2025-12-05） 下载此版本

兼容H5、Android、IOS 和 微信小程序

平台兼容性

uni-app(3.6.15)

uniapp-canvas-signature

一个基于 UniApp 的 Canvas 签名组件，适用于多种小程序平台和 H5，提供流畅的签名体验。

功能特性

• 支持在 UniApp 中使用 Canvas 实现签名功能
• 兼容多平台，包括微信小程序、H5、APP、IOS等（鸿蒙不支持）
• 提供清除签名和获取签名图片的功能
• 简洁易用的 API 接口

安装使用

1. 下载项目并引入组件
2. 在页面中引入 canvas-signature 组件
3. 按需修改样式和配置参数

示例代码

<template>
    <u-canvas-signature v-model="previewImage" :agreeLink="agreeLink" />
</template>

<script lang="ts" setup>
import { ref, watch } from "vue";
import UCanvasSignature from "@/components/u-canvas-signature/uni-canvas-signature.vue";

const previewImage = ref<string>("")
const agreeLink = ref<string>("")

watch(previewImage, (newVal) => {
    console.log(newVal)
})
</script>

<style scoped></style>

目录结构

├── components
│   └── canvas-signature          # 签名组件
├── pages
│   └── index                     # 示例页面
├── static
│   └── logo.png                  # 静态资源
├── uni_modules
│   ├── uni-icons                 # 图标组件
│   └── uni-scss                  # 样式文件
├── App.vue
├── main.js
├── manifest.json
├── pages.json
├── uni.promisify.adaptor.js
├── uni.scss
└── index.html

许可协议

MIT License，请查看项目根目录下的 LICENSE 文件。