vue-painting
vue-painting copied to clipboard
A Vue.js(v2.x+) component for cropping and painting image.
vue-painting
A Vue.js(v2.x+) component for cropping and painting image.
see:demo
Installation
NPM
npm install vue-painting --save
ES6:
import VuePainting from 'vue-painting'
new Vue({
components: {
VuePainting
}
})
CommonJS:
const VuePainting = require('vue-painting')
new Vue({
components: {
VuePainting
}
})
Browser
<body>
<script src="path/to/vue.js"></script>
<script src="path/to/vue-painting.js"></script>
<script>
new Vue({
components: {
'vue-painting': VuePainting
}
})
</script>
</body>
Usage
Props
Prop | Type | Descrition |
---|---|---|
img | String | The image source,can be base64 and url |
Events
Name | Param[Type] | Descrition |
---|---|---|
saveImage | clipImage[Blob] | dispatch when save button click |
copyImage | clipImage[Blob] | dispatch when √ click |
quit | dispatch when quit |