vue image editor base on camanjs and advance cropper
npm install --save @mejuliver/vue-imageeditor vue-advanced-cropper
the editor is using boostrap 4 for its UI so you need to add it also
npm install --save bootstrap@4.1.1
then import it
import 'bootstrap/dist/css/boostrap.min.css'
import imageeditor from '@mejuliver/vue-imageeditor/imageeditor.vue';
<imageeditor @saveImage="saveImage" ref="image" accept=".jpg,.png" />
components : { imageeditor },
methods : {
saveImage(e){
this.imgpreview = e.src;
this.fileimage = e.blob;
}
}