Signature Pad–A jQuery Plugin for Creating Signature
Signature Pad is A jQuery plugin for assisting in the creation of an HTML5 canvas based signature pad. Records the drawn signature in JSON for later regeneration. It 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.
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 tries to maintain a certain level of progressive enhancement, while still giving developers enough control. There is very little generated HTML. The HTML in the examples has some elements that should be hidden by default (including canvas). Signature Pad will trigger the display of certain items if the browser supports Javascript and canvas.
Demo : http://thomasjbradley.ca/lab/signature-pad#demos
Download : http://github.com/thomasjbradley/signature-pad/
Requirements: jQuery
License : New BSD license
Related Posts :
This time, we are making a Simple AJAX Commenting System. It will feature a gravatar integratio ...
Brosho ‘Design in the Browser’ jQuery Plugin allows you to style your markup right in your brows ...
jsFiddle is a shell editor that eases writing JavaScript code by creating a custom environment b ...
We have published a post about jQuery Mobile Project a couple of months ago. Today, they have pl ...
dualSlider is a jQuery content slider plugin which can display any HTML output. It has a pret ...
Posted on Saturday, November 13th, 2010 at 4:57 am | Category: Jquery |
Archives
- November 2010 (280)
- October 2010 (388)
- September 2010 (628)
- August 2010 (262)