Git Product home page Git Product logo

react-pressure-signature's Introduction

React Pressure-Sensitive Signature Pad npm version

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

react-pressure-signature's People

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.