Customized Signature Pad

[SteveGBanton]

Description:

Customizes react-signature-pad, outputs only a canvas that can be customized via props. Can pull out handle functions clear() and download() to clear the pad and download the pad's contents to a PNG.

Notes:

• PR request on hourglass with import/usage example.
• Added parcel and babel for building distribution.

Usage Example

import SignaturePad from 'react-signature-pad';

let clear = () => {}
let download = () => {}

return (
...
<SignaturePad
          width={width - 50}
          height={height - 100}
          clearFunction={(c) => { clear = c; }}
          downloadFunction={(dl) => { download = dl; }}
        />
...
<button onClick={() => clear()}>Clear</button>
...
)

Full list of props at flow types SignatureProps inside src/index.js.

Please let me know if you have other suggestions for props that should be passed in or other control functions we might want.