zhanziyang/vue-croppa

Image size not same as container

SiliconMachine opened this issue · 3 comments

SiliconMachine commented

I have this:

<croppa :placeholder="'Choose an image'" :placeholder-font-size="12" :placeholder-color="'black'" :width="280" :height="280" prevent-white-space v-model="myCroppa" :canvas-color="'transparent'" />

But when I store my image it saves with the double of the height/width although the container has the proper size.

There's something that I'm missing out?

RedShift1 commented

For some reason the canvas width and size is set to double if the width and height you supply to the component. Seems like a bug to me.

Demoskretos commented

Nah, this is just due to poor property naming and default value. The prop you're looking for is quality. By default it is set to 2 which doubles the output size of the image... Just set it to 1 and it should output the same size as the image.

  • 👍2
ardeleandrei commented

I think this should be quality="1" by default to prevent confusion, I certainly wouldn't have expected it to double the output size of the image when I only need it to crop or reposition an image