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

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

Интерактивные примеры

Изучите живые примеры, показывающие, как библиотека ведёт себя в типичных сценариях использования Angular.

Подпись

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.

Рисуйте мышью, на сенсорном экране или пером.

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

Рисуйте мышью, на сенсорном экране или пером.

Подпись с клавиатуры

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.

Перейдите в рамку клавишей Tab и используйте клавиши ниже.
  • ←↑↓→Ведут перо
  • Shift + →Ведут его дальше
  • Space / EnterОпускают перо, а при повторном нажатии поднимают, фиксируя штрих
  • EscОтменяет незавершённый штрих
Ещё не подписано

Подпись как элемент формы

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.

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.

Пока не подписано

Расположение метки

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.

Рисуйте мышью, на сенсорном экране или пером.

Назвать отдельное поле

Уполномоченный подписант

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.

Подсказка и ошибки как разметка

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.

Распишитесь указателем или ведите перо стрелками, опуская его пробелом.