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
MongoDB Atlas runs apps anywhere Icon
MongoDB Atlas runs apps anywhere

Deploy in 115+ regions with the modern database for every enterprise.

MongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
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