ngx-signature-pads
v18.2.0
Published
<h3 align="center"> ngx-signature-pads </h3> <h5 align="center"> <a href="https://github.com/sponsors/alessiobianchini" target="_blank"> Support my open-source code as a sponsor </a> </h5>
Downloads
8
Maintainers
Readme
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