Champ de signature Angular | ng-hub-ui-signature

Champ de signature Angular accessible qui stocke les tracés de souris, tactile et stylet comme valeurs SVG évolutives, avec annulation, rétablissement et export PNG.

Référence API

Voici le contrat complet de signature : tout ce que vous pouvez lier, écouter, projeter et personnaliser, réuni au même endroit. Branchez ce dont vous avez besoin et stylisez ce que vous voulez — c’est standalone et compatible avec les signals.

Inputs

Réglez signature à votre goût avec 9 inputs. Liez-les comme n’importe quel @Input Angular.

NomTypePar défautDescription
labelstring''Visible field label.
formTextstring''Helper text shown below the drawing surface.
heightnumber160Logical canvas height in CSS pixels.
strokeColorstring'currentColor'Colour recorded in new SVG strokes.
strokeWidthnumber2Base width recorded in new SVG strokes.
readonlybooleanfalsePrevents drawing while preserving the signature.
controlsbooleantrueShows clear, undo and redo actions.
labelsPartial<HubSignatureLabels>{}Overrides the application-wide translated action labels for this field only.
ariaLabelstring'Signature'Accessible name for the drawing surface.

Outputs

Réagissez à ce que fait signature — 1 événements sur lesquels accrocher votre logique.

NomTypeDescription
valueChangeEventEmitter<string>Emits the SVG value after a user-originated change.

Méthodes

Pilotez signature depuis le code — 5 méthodes sur sa surface programmatique.

NomSignatureRetourDescription
clearclear(): voidRemoves every stroke and emits the empty value.
undoundo(): voidRemoves the most recently committed stroke.
redoredo(): voidRestores the most recently undone stroke.
toSvgtoSvg(): stringReturns the scalable SVG form value.
toDataUrltoDataUrl(type?: string): stringExports the rendered signature, PNG by default.

Templates

Aucun template documenté pour le moment.