Integrating Cropperjs or any similar image cropping plugin with Quasar

[keepingitsimple]

Gentleman, I was trying to , I am not able to get it working. Most example around are all with Vue js. Anyone has any experience with cropperjs or any similar plugin? Thanks in Advance.

[metalsadman]

@keepingitsimple if it works like a vue plugin, install it via boot file https://quasar.dev/quasar-cli/cli-documentation/boot-files#Introduction.

these installation snippet would go into your boot file:

import Vue from 'vue';
import Croppa from 'vue-croppa';
// If your build tool supports css module
import 'vue-croppa/dist/vue-croppa.css';
Vue.use(Croppa);

[keepingitsimple]

Thanks @metalsadman , I will give it a try, and post my results.

[pd76]

@keepingitsimple any result? I’d also need to use a cropper and wonder what it could be an easy way to integrate it. Thanks.

[keepingitsimple]

Hi @pd76 it works fine, as @metalsadman explained, rest the example from the cropper github works as it is. However if you are using for pwa , you may have problem with permission. Otherwise it works fine.