Fit the Image to its Container after rotation and dragging (Not a bug)

[sachinksachu]

How adjust the image to fit it to the size of the container after rotation

To reproduce the scenario

1. Rotate the image
2. Then drag the image to an end of its conatiner

Some space will be formed between image and container, which is normal.
I wants to know whether I can fit the image to its conatiner after rotataion and dragging using any props available with in the package or any other idea to fit the image

I was able to fit the image after rotation by calculating the diagonal length of its conatiner, but not when dragged after rotation.

I have attached an image to show the scenario mentioned above.

Thanks for the wonderful package !!

[ValentinH]

There is no such option currently.

I'd gladly accept a PR that would add such an option. For example, we could have a boolean option like keepImageInCropAreaWhenRotated 😅

This is definitely not trivial as it will requires some mathematical knowledge that I don't have.
The behavior of this feature was actually discussed when the rotation feature was first added : #52 we didn't manage to have it working.

[sachinksachu]

Okay 🙂 I will try to find a solution for this.
Thanks @ValentinH

[sachinksachu]

Hi @ValentinH
How do I get the x,y axis and top, right, bottom, left of the selected image.
Which attribute should I use.

Thanks in advance !!

[ValentinH]

For most computations, we use this.mediaSize like here: https://github.com/ricardo-ch/react-easy-crop/blob/main/src/index.tsx#L544
Otherwise, you can use this.imageRef.getBoundingClientRect.