uniapp 手写签名组件

组件地址: 手写签名组件,弹框签名,可配置签名,签名返回base64,签名专用 - DCloud 插件市场

# 欢迎使用 手写签名组件
**手写签名组件,签名后可以获取到base64编码,同时内置了弹框签名组件,对于不想布局的同学来说可以开箱即用」**

有项目需要开发的请联系 QQ:371524845

开发不易,如果帮助到你的,请支持 有问题请留言,作者会积极更新
#使用方法
##### 该组件内置两种组件signature和popupSignature,popupSignature是基于signature开发
##signature基础用法
```html


```
####引入方法
```html
   
    import signature from '@/components/jp-signature/index.vue'
    components: { signature },
```
###方法介绍 
####参数
| 参数名        | 类型   |  默认值  | 说明  |
| --------   |  -------- |  --------| --------|
|   height   |  Number  |   屏幕高度    |  画布高度     |
| width        |   Number   |  屏幕宽度   |  画布宽度        |
| strokeStyle        |    String    |  #000 |  画笔颜色 |
| lineWidth        |    Number    |  3 |  画笔大小 |
| explain        |    String    |  请在此签名 |  提示说明 |
| rotate        |    Boolean    |  false |  控制生成图片是否横屏 |
####方法
| 方法名        | 返回参数   |  说明  |
| --------   |  -------- |  --------|
|  handleReset    |    |   清空画布    |
| handleConfirm      |  Promise()  |  获取签名,成功返回 base64  |


##popupSignature基础用法
####popupSignature需要手动添加uni的uni-popup组件
```html


```
####引入方法
```html
   
    import signature from '@/components/jp-signature/popup.vue'
    components: { signature },
```
###方法介绍
####参数
| 参数名        | 类型   |  默认值  | 说明  |
| --------   |  -------- |  --------| --------|
|   value   |  String  |       |  签名内容,可以通过v-model绑定     |
| label        |   String   |  手写签名   |          |
| required        |    Boolean    |  false |   |
| placeholder        |    String    | 点击签名 |  签名说明 |
| readonly        |     Boolean   |  false |  是否只能可读 |


####方法
| 方法名        | 返回参数   |  说明  |
| --------   |  -------- |  --------|
|  toPop    |    |   打开弹窗    |
| close      |    | 关闭弹窗  |
| deleteImg      |    | 删除内容  |

####事假
| 事件名        | 返回参数   |  说明  |
| --------   |  -------- |  --------|
|  input    |  签名内容  |    签名内容   |


 

你可能感兴趣的:(uni-app,前端,前端框架)