# canvas-signature

**Repository Path**: myliu/canvas-signature

## Basic Information

- **Project Name**: canvas-signature
- **Description**: canvas画布签名组件
- **Primary Language**: Unknown
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 0
- **Created**: 2020-06-05
- **Last Updated**: 2021-10-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# canvas-signature
# 增加撤销上一步绘画功能操作
#### 介绍
{**以下是码云平台说明，您可以替换此简介**
码云是 OSCHINA 推出的基于 Git 的代码托管平台（同时支持 SVN）。专为开发者提供稳定、高效、安全的云端软件开发协作平台
无论是个人、团队、或是企业，都能够用码云实现代码托管、项目管理、协作开发。企业项目请看 [https://gitee.com/enterprises](https://gitee.com/enterprises)}

#### 软件架构
软件架构说明
![](README_files/1.png)
![](README_files/2.png)
#### 使用说明
主要代码

```
import signature from "@/components/signature.vue"
<signature canvasId="canvas1"  @close="close" @save="save" :visible="isShow" />


<view v-if="visibleSync" class="cat-signature" :class="{'visible':show}" @touchmove.stop.prevent>
	<view class="mask" @tap="close" />
	<view class="content">
		<view class="revoke" @tap="drawRevoke">撤销</view>
		<canvas class='firstCanvas' :canvas-id="canvasId" @touchmove='move' @touchstart='start($event)' @touchend='end'
		 @touchcancel='cancel' @longtap='tap' disable-scroll='true' @error='error' />
		<view class="btns">
			<view class="btn" @tap="clear">清除</view>
			<view class="btn" style="background: #0FAEFF;" @tap="save">保存</view>
		</view>
	</view>
</view>

<!-- visible是否显示/ 动态画布ID:canvasId-->
props: {
	visible: {
		type: Boolean,
		default: false
	},
	canvasId: {
		type: String,
		default: 'firstCanvas'
	}
},
```


#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 码云特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5.  码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)