Angular Components For Digital Signatures – SignaturePad

Description:

The SignaturePad provides components and utils for digital signatures that allow you to draw smooth signatures based on HTML5 canvas and uses variable width Bézier curve interpolation.

Installation:

$ npm install angular-signature-pad --save

Usage:

Import the SignaturePad into your app module.

import { AngularSignaturePadModule } from 'angular-signature-pad';

@NgModule({
  imports: [
    ...
    AngularSignaturePadModule.forRoot()
  ]
  ...
})
export class AppModule { }

Use as a component.

<signature-pad #sigPad></signature-pad>

<b>value:</b>
<pre>
  {{sigPad.value | json}}
</pre>

<button (click)="sigPad.clear()">Clear</button>

Preview: