taro-react的手写签名库&绘图板
只支持 taro3 小程序,h5 没有做兼容处理,只支持 Canvas type="2d"
npm install taro-draw-pad
import {SignaturePad} from "taro-draw-pad";
...
//组件默认是100%高宽
<Signature
className="signature-canvas"
ref={signatureRef}
/>
name | type | Description |
---|---|---|
isEmpty | boolean | 判断是否签名是空白的 |
fromDataURL | function | 还原签名数据 dataUrl : 图片的 base64 数据 options callback 法 |
toDataURL | function | 获取签名数据 toDataURL(type, encoderOptions) 默认为 png 图片, |
clear | function | 清空签名数据 |
save | function | 将签名数据转换为 png 图片并且保存到系统相册 |
padCurr | function | canvas对象 |
toDataURL:https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLCanvasElement/toDataURL