Поле подписи Angular | ng-hub-ui-signature

Доступное поле подписи Angular, сохраняющее ввод мышью, касанием и пером как масштабируемое SVG-значение формы, с отменой, повтором и экспортом PNG.

Последнее обновление 14 авг. 2026 г.

Обзор

Почему команды ищут эту библиотеку

Используйте ng-hub-ui-signature, когда форме нужна повторно используемая, доступная и переносимая поверхность подписи.

Установка

npm install ng-hub-ui-signature

Перейти к

Идеально для

  • принятие договора
  • подтверждение доставки
  • формы согласия
  • процессы утверждения

О библиотеке signature

ng-hub-ui-signature — standalone-поле Angular на Pointer Events. Оно сохраняет штрихи мыши, касания и пера как SVG-значение ControlValueAccessor, восстанавливает сохранённые подписи и предлагает очистку, отмену, повтор и экспорт PNG.

Руководства по возможностям

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.

Примеры:
Подпись

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

Рисуйте мышью, на сенсорном экране или пером.
Код
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.

Примеры:
Transloco и ngx-translate

Подключите реактивные потоки переводов, чтобы обновлять действия при смене языка.

Рисуйте мышью, на сенсорном экране или пером.
Код
Import:
Template:
Component:

Ключевые возможности

Последние изменения

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.

Связанные библиотеки

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