React Pressure-Sensitive Signature Pad

A React Signature component to record signature bio metric data: x, y, time and pressure. This component is a marrage between signature-pad by Szymon Nowak and Pressure by Stuart Yamartino.

Demo

Demo. Works both on desktop and mobile devices, records both rouch and pen pressure when available. You can checkout demo application source code

Install

To install the latest release

npm install --save react-pressure-signature

or

yarn add react-pressure-signature

Usage

var React = require('react');
import SignaturePad from 'react-pressure-signature';

React.render(
  <SignaturePad />,
  document.body
)

You can checkout demo application source code

APIs

Callbacks

• onChange - callback to retrieve each signature point as it is being recorded.

Todos

• Add API to retieve signature all of the data (coordinates with pressure)
• Add API to retrieve signature as an image