react项目 React-signature-phone 移动端电子签名

1. 安装

npm install react-signature-phone --save

2. 引入

import SignaturePhone from 'react-signature-phone';

3. 使用

<SignaturePhone ref="mySignature" height={150} />  
 // react 17 版本使用useRef 拿不到方法  ref={(ref) => { mySignature = ref; }}  目前该测试方法能拿到 其依赖的方法

4. 方法

//定义变量控制dom
let signature = this.refs.mySignature;
 
 
//取值
signature.toDataURL()
 
 
//赋值
signature.fromDataURL(base64String)
 
 
//清空
 signature.clear()

react-signature-phone官网

https://www.npmjs.com/package/react-signature-phone