🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A Vue.js component that enables you to implement the crop and paint functionality on an image.

Image

Documentation

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

License

MIT


You May Also Like