Signature Pad - HTML5 Canvas Based Signature Pad

Signature Pad is jQuery plugin that will transform an HTML form into a signature pad. The Signature Pad has two modes: TypeIt and DrawIt. In TypeIt mode the user’s signature is automatically generated as HTML text, styled with @font-face, from the input field where they type their name. In DrawIt mode the user is able to draw their signature on the canvas element.

signature pad Signature Pad   HTML5 Canvas Based Signature Pad

The drawn signature is written out to a hidden input field as a JSON array using JSON.strinify(). Since the signature is saved as JSON it can be submitted as part of the form and kept on file. Using the JSON array, the signature can then be regenerated into the canvas element for display. Signature Pad works with both mouse and touch devices. The source code is available to download on GitHub.

Requirements: jQuery framework
Demo: http://thomasjbradley.ca/lab/signature-pad#demos
License: BSD License

Incoming search terms for the article:

Related Posts

How To Get The Last Tweet Using jQuery

TopUp Lightbox

Add An Attractive Loading Page Effect Using jQuery

jdPicker- The Ultimate jQuery Date Picker

1 Comment

  1. Thomas Bradley

    11.11.2010

    Thanks a bunch for mentioning Signature Pad!