更新记录

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协议
评论列表 撰写评论
加载更多...
插件问答 我要提问

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

加载更多...