Capture a Signature with jQuery and HTML 5

In this series you’ll learn how to add a signature field to your website that allows a user to write their signature on an HTML 5 canvas element. You’ll capture the signature and save it on the server and also learn how to regenerate the signature to display it back to the user at a later date. This technique is cross browser friendly and works in IE7, 8, 9, Chrome, Firefox and Safari. It will also work on most mobile device touch screens. Check out the demo: Download the plugin used in this example here: Include jQuery from Google’s CDN:


Leave a Reply

Your email address will not be published. Required fields are marked *