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. 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. This library is provided as UMD (Universal Module Definition) and ES6 module. When you modify width or height of a canvas, it will be automatically cleared by the browser. SignaturePad doesn't know about it by itself, so you can call signaturePad.clear() to make sure that signaturePad.isEmpty() returns correct value in this case.

Features

  • Draw smooth signatures
  • Works in all modern desktop and mobile browsers
  • Handle high DPI screens
  • Handle data URI encoded images on the server side
  • Remove empty space around a signature
  • Remove (trim) empty space around a signature

Project Samples

Project Activity

See All Activity >

License

MIT License

Follow Signature Pad

Signature Pad Web Site

Other Useful Business Software
Gemini 3 and 200+ AI Models on One Platform Icon
Gemini 3 and 200+ AI Models on One Platform

Access Google's best plus Claude, Llama, and Gemma. Fine-tune and deploy from one console.

Build generative AI apps with Vertex AI. Switch between models without switching platforms.
Start Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Signature Pad!

Additional Project Details

Programming Language

TypeScript

Related Categories

TypeScript Graphics Software, TypeScript Libraries, TypeScript Drawing Software

Registered

2021-08-05