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.

Interaktive Beispiele

Erkunde Live-Beispiele, die zeigen, wie sich die Bibliothek in gängigen Angular-Anwendungsfällen verhält.

Unterschrift

Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.

Mit Maus, Touchscreen oder Stift zeichnen.

Transloco und ngx-translate

Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.

Mit Maus, Touchscreen oder Stift zeichnen.

Mit der Tastatur unterschreiben

Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.

Mit Tab in das Feld wechseln und die Tasten unten verwenden.
  • ←↑↓→Bewegen den Stift
  • Shift + →Bewegen ihn weiter
  • Space / EnterSetzen den Stift ab und heben ihn wieder an, wobei der Strich übernommen wird
  • EscVerwirft den laufenden Strich
Noch nicht unterschrieben

Die Unterschrift als Formularsteuerelement

Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.

Unterschreiben Sie im Feld mit Zeigegerät oder Tastatur.

Zeichenereignisse und Strichdaten

Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.

Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.

Leer

Fläche und Stift dimensionieren

Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.

Noch nicht unterschrieben

Das Label platzieren

Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.

Mit Maus, Touchscreen oder Stift zeichnen.

Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.

Mit Maus, Touchscreen oder Stift zeichnen.

Ein einzelnes Feld benennen

Zeichnungsberechtigte Person

Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.

Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.

Hilfetext und Fehler als Markup

Sign with the keyboard: arrow keys move the pen, holding Shift moves it further, Space or Enter lowers and lifts it, and Escape discards the stroke in progress.

Mit dem Zeiger unterschreiben oder den Stift mit den Pfeiltasten führen und mit der Leertaste absetzen.