Rippling
react-signature-pad 0.0.7
Install from the command line:
Learn more about npm packages
$ npm install @rippling/react-signature-pad@0.0.7
Install via package.json:
"@rippling/react-signature-pad": "0.0.7"
About this version
Create personal token by visiting Github Settings with following scope
# Create .npmrc file
cp .npmrc_sample .npmrc
# Replace github-token with actual token
sed -i '' 's/github\-token/xxxxxxxxxxxxxxxxx/g' .npmrc # xxxxxx should be actual github token#1 Bump up version in package.json
#2 Publish
npm publish
#3 Ensure you have committed package.json change
A signature pad implementation for react.
var React = require('react');
var SignaturePad = require('react-signature-pad');
React.render(
<SignaturePad clearButton="true" />,
document.body
)<SignaturePad clearButton="true" ref="mySignature" />
...
var signature = this.refs.mySignature;
// Methods
// ===============================================
// isEmpty() - returns boolean
// ===============================================
signature.isEmpty();
// ===============================================
// clear() - clears canvas
// ===============================================
signature.clear();
// ===============================================
// toDataURL() - retrieves image as a data url
// ===============================================
signature.toDataURL();
// ===============================================
// fromDataURL() - writes a base64 image to canvas
// ===============================================
signature.fromDataURL(base64String);In order to make the signature pad work correctly you will need the css as well. All the relevant styles are in this file.
$ npm startThen navigate to http://localhost:8080/ in your browser and you should be able to see the signature pad in action.
Details
- react-signature-pad
-
Rippling
- about 2 years ago
- MIT
- 8 dependencies
Assets
- react-signature-pad-0.0.7.tgz
Download activity
- Total downloads 8
- Last 30 days 0
- Last week 0
- Today 0