advanced-cropper / react-advanced-cropper

The react cropper library that embraces power of the advanced cropper core to give the possibility to create croppers that exactly suited for your website design
https://advanced-cropper.github.io/react-advanced-cropper/
Other
678 stars 34 forks source link

Fill image after rotate #69

Open annebione opened 2 months ago

annebione commented 2 months ago

Hello,

I'm having an issue in figuring out how to make the cropper area fill the entire image after rotation. As per the docs, I've used the defaultSize prop to great results on initial image load, as you can see:

image

However, after rotation, the cropper area keeps the original ratio, despite the image w/h changing drastically.

image

TL;DR: I'd like to figure out a way to make the cropper area to fill the entire image size despite rotation.

I understand the transformImageAlgorithm prop passes the state object to the algorithm where I could find the current image proportions, but I'm having trouble understanding how I could change the cropper on rotate.

Can anyone help? Thanks in advance.