WangShayne/ vue-signature
About the developer
174 Stars 
43 Forks 
78 Commits 
4 Opened issues 
Description
Electronic signature
Services available
Contributors list
vue-signature
A electronic signature component by Vue.js
For Vue 3
Reference and Thanks
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.