SignaturePad

A JavaScript-based signature pad component that supports both touch and mouse operations, designed for collecting user signatures on web pages.

Installation

npm install cotc-signature-pad

Usage

<canvas id="canvasId"></canvas>

import SignaturePad from 'cotc-signature-pad';

const signaturePad = new SignaturePad('canvasId', {
  width: 400,
  height: 200,
  panColor: '#ff0000',
  backgroundColor: '#ffffff'
});

// Get signature data
const base64Data = signaturePad.getImage();

// Clear signature
signaturePad.clear();

// Undo signature
signaturePad.undo();

// Redo signature
signaturePad.redo();