更新记录

0.0.4(2023-06-09) 下载此版本

新增签名线条算法 使签名文字更接近毛笔 新增多种颜色选择(暂支持h5和app) 新增撤销功能

0.0.3(2021-09-08) 下载此版本

  • 修复因生命周期导致的报错TypeError: Cannot read property 'matches' of undefined
  • 修复小程序提交时重复绘制问题

0.0.2(2021-08-02) 下载此版本

修复ctx.draw问题

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.6.7 app-vue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

使用方法

  • 安装的是一个完整的项目,只需要根据自己的需求将页面复制粘贴进自己的项目中即可

实际效果演示H5

参数说明Props

参数 类型 说明
minSpeed Number 画笔最小速度
minWidth Number 线条最小粗度
maxWidth Number 线条最大粗度
openSmooth Boolean 开启平滑线条(笔锋)
maxHistoryLength Number 历史最大长度(用于撤销的步数)
maxWidthDiffRate Number 最大差异率
bgColor String 背景色如#ffffff 不传则为透明

相关同源插件

  • 相同功能 组件形式 以选择输入框的交互呈现 更好的兼容form表单
  • 电子签名输入框

相关致谢

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问