# uniapp-canvas-signature

**Repository Path**: wwwpythonpw/uniapp-canvas-signature

## Basic Information

- **Project Name**: uniapp-canvas-signature
- **Description**: uniapp 通用签名组件示例 demo
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2025-12-15
- **Last Updated**: 2025-12-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# uniapp-canvas-signature

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

## 功能特性

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

## 预览

<img src="https://gitee.com/isixe/uniapp-canvas-signature/raw/main/docs/preview.gif" width="200"/>

## 安装使用

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

## 示例代码

```vue
<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 文件。