New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@ng-plus/signature-pad

Package Overview
Dependencies
Maintainers
1
Versions
10
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ng-plus/signature-pad

An angular wrapper for signature_pad.

  • 1.0.7
  • latest
  • npm
  • Socket score

Version published
Maintainers
1
Created
Source

Angular Signature Pad

See Demo on Stackblitz

Installation:

npm install @ng-plus/signature-pad --save

Usage (Blob/Image):

<ng-signature-pad (done)="saveImage($event)"></ng-signature-pad>

JavaScript:

saveImage(blob: Blob) {
    // Do something with the blob.
}
Options:
DirectivesDescriptionOptionsDefault
[editable]Turn pad on or offtrue, falsetrue
[emitOnDragEnd]Emit the (done) method as soon as drag end.true, falsefalse
[penColor]Color of signature penColorblack
[backgroundColor]Background of signature padColortransparent
(done)Fired on clicking Done buttonfunction($event: Blob/base64/json)null
(clear)Fired on clicking Clear buttonfunction()null
[(points)]JSON points modeljsonnull
[format]Output format foe (done) method. json output is same as points model.blob, base64, jsonblob
[width]Width of canvasnumber600
[height]Height of canvasnumber150
[responsive]Resize to 100% parent. But the points will still output widthxheight ratiotrue, falsetrue
[showDoneButton]Show or Hide Done Buttontrue, falsetrue
[showClearButton]Show or Hide Clear Buttontrue, falsetrue
[doneButtonText]Text of Done ButtonstringDone
[clearButtonText]Text of Clear ButtonstringClear
[doneButtonClass]Class classes of Done Buttonstringbtn btn-primary
[clearButtonClass]Class classes of Clear Buttonstringbtn btn-default

FAQs

Package last updated on 30 Dec 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc