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 |