Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Select
Custom Inputs
Components
Navigation
Components
68
Micro Charts
Libraries
Kanban Board
Image Designer
Video Player
Visual Builder
Content Editor
Data View
Purchase

Signature Pad

Signature Pad lets users draw a handwritten signature and emits the result as a PNG data URL. Use it in approval, contract, consent, delivery confirmation, onboarding, checkout, legal acknowledgement, or internal workflow forms where the user must provide a drawn signature.

Use it for:
  • Capturing a signature with mouse, touch, or pen input.
  • Emitting signatureSaved with a base64 PNG data URL after drawing.
  • Clearing the captured signature with signatureCleared.
  • Configuring pen color, allowed colors, line width, background color, and lazy brush smoothing.

Do not use Signature Pad as a general drawing canvas, image editor, annotation tool, sketch board, whiteboard, file upload, typed-name field, or legal validation system by itself. App code should still require the signature when needed, store the emitted PNG, attach it to the workflow or document, and enforce backend or legal rules.

The NgStarter Angular Signature Pad component lets you capture a handwritten signature and emit it as a PNG data URL. Use ngs-signature-pad in approval, contract, consent, delivery confirmation, onboarding, checkout, legal acknowledgement, or internal workflow forms where the user must draw a signature. It includes examples for Basic signature pad.

Basic signature pad

Use SignaturePad when a workflow needs a drawn signature that can be saved as a PNG data URL.

Your browser does not support the HTML canvas tag.