Angular-Signaturfeld | ng-hub-ui-signature

Barrierefreies Angular-Signaturfeld, das Maus-, Touch- und Stifteingaben als skalierbare SVG-Formularwerte speichert, mit Rückgängig, Wiederholen und PNG-Export.

Zuletzt aktualisiert 14.08.2026

Übersicht

Warum Teams nach dieser Bibliothek suchen

Verwenden Sie ng-hub-ui-signature, wenn ein Formular eine wiederverwendbare, barrierefreie und portable Signaturfläche benötigt.

Installieren

npm install ng-hub-ui-signature

Springen zu

Ideal für

  • Vertragsannahme
  • Lieferbestätigung
  • Einwilligungsformulare
  • Freigabeabläufe

Über signature

ng-hub-ui-signature ist ein standalone Angular-Formularfeld auf Basis von Pointer Events. Es erfasst Maus-, Touch- und Stiftstriche als SVG-ControlValueAccessor-Wert, stellt gespeicherte Signaturen wieder her und bietet Löschen, Rückgängig, Wiederholen und PNG-Export.

Funktionsleitfäden

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.

Beispiele:
Unterschrift

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

Mit Maus, Touchscreen oder Stift zeichnen.
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.

Beispiele:
Transloco und ngx-translate

Binden Sie reaktive Übersetzungsstreams ein, um Aktionen bei einem Sprachwechsel zu aktualisieren.

Mit Maus, Touchscreen oder Stift zeichnen.
Code
Import:
Template:
Component:

Hauptfunktionen

Letzte Änderungen

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.

Verwandte Bibliotheken

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