Signature Pad

HTML5 canvas based smooth signature drawing

DrawingCanvas
szimek/signature_padszimek.github.io/signature_pad/signature_pad

README

Signature Pad


Signature Pad is a JavaScript library for drawing smooth signatures. It's HTML5 canvas based and uses variable width Bézier curve interpolation based on Smoother Signatures post by Square.
It works in all modern desktop and mobile browsers and doesn't depend on any external libraries.

Example

Demo


Demo works in desktop and mobile browsers. You can check out its source code for some tips on how to handle window resize and high DPI screens. You can also find more about the latter in HTML5 Rocks tutorial.

Other demos


- Erase feature: https://jsfiddle.net/UziTech/xa91e4Lp
- Undo feature: https://jsfiddle.net/szimek/osenxvjc

Installation


You can install the latest release using npm:

  1. ```bash
  2. npm install --save signature_pad
  3. ```

or Yarn:

  1. ```bash
  2. yarn add signature_pad
  3. ```

You can also add it directly to your page using `