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

Home Page:https://advanced-cropper.github.io/react-advanced-cropper/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Image position limitations

RiaanWest opened this issue · comments

Thank you for a great library - super happy with it so far!

I would like to get some advise on how to prevent this type of situation when doing image rotation (i.e. the image is not covering the crop area):
image

In the mobile-cropper example, there seems to be some post-transform position adjustments that is implemented. Is there a way to have this type of functionality, using react-advanced-cropper? I'd prefer to not make use of react-mobile-cropper, because it seems to get fewer updates.

@RiaanWest, I'm the author both react-advanced-cropper and react-mobile-cropper, so it's pretty safe use any of them.

It's safer than implement this behavior by yourself, but you of course can look into the sources of the last one and copy-paste the code. It's pretty simple, because it uses the algorithms from the core advanced-cropper library.

Thanks for the quick reply, appreciate it. I'm going to give the algorithms a go, and see if I can get it working. So far, it's looking good: https://react-ts-yzruzg.stackblitz.io