ngx-signature-pads

ngx-signature-pads

Support my open-source code as a sponsor

This module provides Angular developers with a signature pad component.

---

Demo screenshot

---

Getting Started

Start by installing the Angular Layout library from npm

npm i -s ngx-signature-pads

Next, you'll need to import the Layout module in your app's module.

app.module.ts

import { NgxSignaturePadsModule } from 'ngx-signature-pads';
...

@NgModule({
    ...
    imports: [ NgxSignaturePadsModule ],
    ...
});

After that is configured, you can use the Angular Layout attributes in your HTML tags for flex layout:

<ngx-signature-pads (saveEvent)="save($event)"></ngx-signature-pads>

Input options:

• width: number (default 500px)
• height: number (default 300px)
• lineWidth: number (default 2px)
• hideSave: boolean (default false)
• hideReset: boolean (default false)

Output:

• saveEvent: EventEmitter (base64 image)

---

License: MIT