Signature Pad

HTML5 canvas based smooth signature drawing using variable width Bézier curve interpolation based on Smoother Signatures post by Square.

Demo (works on desktop and mobile browsers) at http://szimek.github.io/signature_pad.

Example:

Usage

var canvas = document.querySelector("canvas");

var signaturePad = new SignaturePad(canvas); 
signaturePad.clear();     // Clears the canvas
signaturePad.toDataURL(); // Returns signature image as data URL
signaturePad.fromDataURL("data:image/png;base64,iVBORw0K...") // Draws signature image from data URL

You can check out demo source code for more details.

License

Released under the MIT License.