0.1.2 • Published 1 year ago
lcap-signature v0.1.2
LcapSignature 签名板
Form
用于获取电子签名
示例
基本用法
<lcap-signature></lcap-signature>
<u-button ref="button1" color="primary" text="确定"></u-button>
切换语言版本
<lcap-signature language="english"></lcap-signature>
<lcap-signature language="chinese"></lcap-signature>
关闭笔锋
<lcap-signature :openSmooth=false></lcap-signature>
是否允许重新签名
<lcap-signature :openSmooth=false :reSignName=true></lcap-signature>
改变画笔颜色
<lcap-signature penColor="red"></lcap-signature>
改变画笔粗细
<lcap-signature :penWidth=20></lcap-signature>
改变背景颜色
<lcap-signature bgColor="#FFFFFF"></lcap-signature>
API
Props/Attrs
Prop/Attr | Type | Options | Default | Description |
---|---|---|---|---|
language | string | [object Object] [object Object] | 'english' | 语言版本 |
openSmooth | boolean | true | 是否开启笔锋 | |
penColor | string | 'black' | 设置画笔颜色 | |
reSignName | boolean | false | 是否允许用户重新签名 | |
penWidth | number | 2 | 设置画笔宽度 | |
bgColor | string | '#F8F9FA' | 设置画布背景颜色 |
Events
@openSignatureModal
打开签名版时触发
@clearSignature
清空签名版时触发
@saveSignature
保存签名时触发
Param | Type | Description |
---|---|---|
$event.signature | any | 返还签名的base64 |
Methods
openSignatureModal()
打开签名版
Param | Type | Default | Description |
---|
0.1.2
1 year ago