Need help with vue-signature?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

WangShayne
174 Stars 43 Forks 78 Commits 4 Opened issues

Description

Electronic signature

Services available

!
?

Need anything else?

Contributors list

# 511,728
JavaScr...
HTML
44 commits
# 527,489
HTML
PHP
Laravel
3 commits
# 744,919
JavaScr...
HTML
1 commit
# 12,293
JavaScr...
vue-rou...
Nuxt.js
nuxt-mo...
1 commit
# 477,904
Flutter
HTML
CSS
viml
1 commit

vue-signature

A electronic signature component by Vue.js

For Vue 3

vue3-signature

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.