vue-signature

by WangShayne

WangShayne / vue-signature

Electronic signature

140 Stars 31 Forks Last release: Not found 59 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

vue-signature

A electronic signature component by Vue.js

Reference and Thanks

signature_pad

API


Props

w,h need units,like 100px or 100%

| name | type | default | description | |:-------------:|:-------------:|:-------------------------:| :-----------------: | | sigOption |

Object
| {penColor:"rgb(0, 0, 0)", backgroundColor:"rgb(255,255,255)"} | penColor, backgroundColor | | w |
String
| "100%" |parent container width | | h |
String
| "100%" |parent container height | | clearOnResize |
Boolean
| false |Canvas is cleared on window resize| | waterMark |
Object
| {} |check Usage addWaterMark | | disabled |
Boolean
| false |disabled | | defaultUrl |
String
| "" |you want show image by default |

Methods

| name | params | description | | :-------------: |:-------------: |:-------------:| | save | ()/("image/jpeg")/("image/svg+xml") | save image as PNG/JPEG/SVG | | clear | | clear canvas | | isEmpty | | Returns true if canvas is empty, otherwise returns false | | undo | | remove the last dot or line | | addWaterMark | {} // check Usage addWaterMark | addWaterMark | fromDataURL | (url) | Draws signature image from data URL.

Usage


npm install vue-signature 

A.vue

License


Released under the MIT License.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.