Справочник API

Вот полный контракт signature: всё, что можно привязать, прослушать, спроецировать и тематизировать, собрано в одном месте. Подключите то, что нужно, и оформите так, как хотите — это standalone и дружит с сигналами.

Входные свойства

Настройте signature с помощью 9 входных свойств. Привязывайте их, как любой @Input в Angular.

Имя	Тип	По умолчанию	Описание
`label`	`string`	`''`	Visible field label.
`formText`	`string`	`''`	Helper text shown below the drawing surface.
`height`	`number`	`160`	Logical canvas height in CSS pixels.
`strokeColor`	`string`	`'currentColor'`	Colour recorded in new SVG strokes.
`strokeWidth`	`number`	`2`	Base width recorded in new SVG strokes.
`readonly`	`boolean`	`false`	Prevents drawing while preserving the signature.
`controls`	`boolean`	`true`	Shows clear, undo and redo actions.
`labels`	`Partial<HubSignatureLabels>`	`{}`	Overrides the application-wide translated action labels for this field only.
`ariaLabel`	`string`	`'Signature'`	Accessible name for the drawing surface.

События

Реагируйте на то, что делает signature, — 1 событий, к которым можно подключить вашу логику.

Имя	Тип	Описание
`valueChange`	`EventEmitter<string>`	Emits the SVG value after a user-originated change.

Методы

Управляйте signature из кода — 5 методов его программного интерфейса.

Имя	Сигнатура	Возвращает	Описание
`clear`	`clear(): void`	—	Removes every stroke and emits the empty value.
`undo`	`undo(): void`	—	Removes the most recently committed stroke.
`redo`	`redo(): void`	—	Restores the most recently undone stroke.
`toSvg`	`toSvg(): string`	—	Returns the scalable SVG form value.
`toDataUrl`	`toDataUrl(type?: string): string`	—	Exports the rendered signature, PNG by default.

Шаблоны

Шаблоны пока не задокументированы.