更新记录
1.0.3(2025-01-20) 下载此版本
多端兼容修复
1.0.2(2025-01-16) 下载此版本
更新 readme
1.0.1(2025-01-16) 下载此版本
更新 readme
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | - | √ | √ | - | - |
oz-sign
描述
签名组件,用于需要用户手写签名的场景
属性
属性名 | 类型 | 取值范围 | 默认值 | 描述 |
---|---|---|---|---|
showClear |
Boolean | true、false | true |
是否显示清除按钮 |
clearText |
String | - | 重 写 | 清除按钮文字 |
showRevoke |
Boolean | true、false | true |
是否显示撤销按钮 |
revokeText |
String | - | 撤 销 | 撤销按钮文字 |
showConfirm |
Boolean | true、false | true |
是否显示确认按钮 |
confirmText |
String | - | 完 成 | 确认按钮文字 |
width |
String | - | 100% | 组件宽度 |
height |
String | - | 100% | 组件高度 |
lineWidth |
Number | - | 5 | 画笔粗细 |
lineColor |
String | - | #000000 | 画笔颜色 |
bgColor |
String | - | #f6f6f6 | 画板背景 |
watermark |
String | - | 无 | 水印文字 |
watermarkCol |
Number | - | 3 | 水印文字列数 |
watermarkColor |
String | - | #aaa | 水印文字颜色 |
lineCap |
String | 'butt'、'round'、'square' | round | 线条的端点样式 |
lineJoin |
String | 'bevel'、'round'、'miter' | round | 线条的交点样式 |
imageOptions |
Object | - | { fileType: 'png' } | canvasToTempFilePath 的参数 |
事件
事件称名 | 说明 | 返回值 |
---|---|---|
complete | 完成事件 | e(图片路径(在H5平台下,为 base64)) |
示例
<oz-sign @complete="getFilePath"></oz-sign>