Champ de signature Angular | ng-hub-ui-signature

Champ de signature Angular accessible qui stocke les tracés de souris, tactile et stylet comme valeurs SVG évolutives, avec annulation, rétablissement et export PNG.

Dernière mise à jour 14 août 2026

Vue d’ensemble

Pourquoi les équipes recherchent cette bibliothèque

Utilisez ng-hub-ui-signature lorsqu'un formulaire a besoin d'une surface de signature réutilisable, accessible et portable.

Installation

npm install ng-hub-ui-signature

Aller à

Idéal pour

  • acceptation de contrats
  • confirmation de livraison
  • formulaires de consentement
  • flux d'approbation

À propos de signature

ng-hub-ui-signature est un champ Angular standalone basé sur Pointer Events. Il capture les tracés de souris, tactile et stylet comme valeur SVG ControlValueAccessor, restaure les signatures enregistrées et propose effacement, annulation, rétablissement et export PNG.

Guides de fonctionnalités

Capture and edit signatures

Pointer input works with a mouse, touch screen or pen, then keeps a scalable SVG history for undo, redo and form persistence.

Exemples:
Signature

Draw a signature and use the built-in history actions.

Dessinez avec une souris, un écran tactile ou un stylet.
Code
Import:
Template:
Component:

Reactive external translations

The action-label contract accepts strings or reactive sources, so Transloco and ngx-translate language changes update the field without a direct package dependency.

Exemples:
Transloco et ngx-translate

Liez des flux de traduction réactifs pour mettre à jour les actions lors du changement de langue.

Dessinez avec une souris, un écran tactile ou un stylet.
Code
Import:
Template:
Component:

Fonctionnalités clés

Changements récents

Version 22.1.0 - 8/14/26, 12:00 AM

fixed: The field now really inherits the ng-hub-ui-forms contract. The --hub-signature-* slots defaulted to a --hub-field-* family that no library declares, so they always fell through to their sys/ref fallbacks and a form themed with --hub-input-bg left its signature field untouched. They now read the canonical tokens of the .hub-field__* shell: --hub-input-* for the drawing surface, --hub-label-* for the label and --hub-form-disabled-opacity for the disabled state.

added: The eleven --hub-signature-* tokens are documented in the design-system token spec, so they now appear in the library reference table.

Version 22.0.0 - 8/14/26, 12:00 AM

added: Initial signature field release.

Bibliothèques associées

ng-hub-ui-forms ng-hub-ui-utils