Campo de firma para Angular | ng-hub-ui-signature

Campo de firma Angular accesible que guarda trazos de ratón, táctil y lápiz como SVG escalable para formularios, con deshacer, rehacer y exportación PNG.

Ejemplos interactivos

Explora ejemplos en vivo que muestran cómo se comporta la librería en casos de uso habituales de Angular.

Firma

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.

Dibuja con ratón, pantalla táctil o lápiz.

Transloco y 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.

Dibuja con ratón, pantalla táctil o lápiz.

Firmar con el teclado

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.

Tabula hasta el recuadro y usa las teclas de abajo.
  • ←↑↓→Mueven el lápiz
  • Shift + →Lo mueven más lejos
  • Space / EnterBajan el lápiz y, al repetir, lo levantan consolidando el trazo
  • EscDescarta el trazo en curso
Sin firmar todavía

La firma como control de formulario

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.

Firma dentro del recuadro con el puntero o con el teclado.

Eventos de trazo y datos de la firma

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.

Vacío

Dimensionar la superficie y el trazo

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.

Todavía sin firmar

Colocar la etiqueta

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.

Dibuja con ratón, pantalla táctil o lápiz.

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.

Dibuja con ratón, pantalla táctil o lápiz.

Nombrar un campo por su cuenta

Persona firmante autorizada

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.

Texto de ayuda y errores como marcado

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.

Firma con el puntero, o lleva el trazo con las flechas y bájalo con Espacio.