Interesting feature of some of such solutions is ability to record the drawn signature in JSON, for later regeneration.
We’d like to present 2 of such solutions.
1. Signature Pad
var canvas = document.querySelector("canvas");
var signaturePad = new SignaturePad(canvas);
// Returns signature image as data URL
signaturePad.toDataURL(); // save image as PNG
signaturePad.toDataURL("image/jpeg"); // save image as JPEG
// Draws signature image from data URL
// Clears the canvas
// Returns true if canvas is empty, otherwise returns false
// Unbinds all event handlers
// Rebinds all event handlers