Rotation support about react-image-crop HOT 3 CLOSED

Hey @djfdev
I'm using this library and doing rotation as well. I created a rotation button that rotates by -90 deg (although you could create a slider or other controller that does in smaller increments). I then update my rotation in state and pass that through to the ReactCrop component as imageStyle props. If I pass a {transform: 'rotate(' + this.state.rotation + 'deg)'} to the imageStyle props on the ReactCrop component, it works pretty well.
Hope this helps!

from react-image-crop.

Hi @djfdev, sorry but this is indeed beyond the scope of this library. It's too specific a use-case and I don't have the inclination to support that much of an extended feature set tbh. But if I was you I would create a higher order component (one which wraps this one or another lib) and adds that prop and does what you desire, it sounds like it could be pretty agnostic of the actual cropping component which sits underneath so that could be swapped out if ever needed.

from react-image-crop.

Hi.. I am having functionality of crop and rotate an image using this package and I am getting the cropped image url using
"canvas.toDataURL("image/jpeg", 1)". I am generating this url to display the cropped image. But the issue I am facing is that while rotating, I have to maintain the rotation degree state in my Component. But instead, I want to add the rotation property in the imag url itself that I am generating since I need to pass this url to the backend.. Does anyone have a solution to this requirement?
Thanks in advance

from react-image-crop.