组件地址https://ext.dcloud.net.cn/plugin?id=12795
欢迎使用 手写签名组件
手写签名组件，签名后可以获取到base64编码，同时内置了弹框签名组件，对于不想布局的同学来说可以开箱即用」
有项目需要开发的请联系 QQ:371524845
开发不易，如果帮助到你的，请支持 有问题请留言，作者会积极更新
使用方法
该组件内置两种组件signature和popupSignature，popupSignature是基于signature开发
signature基础用法
<template>
<view class="content">
<signature ></signature>
</view>
</template>
<script>
import signature from '@/components/jp-signature/index.vue'
export default {
components:{signature},
data() {
return {
title: ''
}
},
}
</script>
引入方法
<signature ></signature>
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组件
<template>
<view class="content">
<signature v-model="title"></signature>
{{title}}
</view>
</template>
<script>
import signature from '@/components/jp-signature/popup.vue'
export default {
components:{signature},
data() {
return {
title: ''
}
},
}
</script>
引入方法
<signature ></signature>
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 |
签名内容 |
签名内容 |
