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
Custom VMs From 1 to 96 vCPUs With 99.95% Uptime Icon
Custom VMs From 1 to 96 vCPUs With 99.95% Uptime

General-purpose, compute-optimized, or GPU/TPU-accelerated. Built to your exact specs.

Live migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
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