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
The image displayed on mobile devices when taken directly by camera is significantly smaller and severly reduced in height. for example, my camera takes an image that is Width: 2268 Height: 4032. the cropper changes it to: advanced cropper transformed it to: element.style {
width: 412.444px;
height: 231.75px;
}
Using imageRestriction="fillArea" only fills the available space on the left and right but the image does not take up the available space above and below.
The image displayed on mobile devices when taken directly by camera is significantly smaller and severly reduced in height. for example, my camera takes an image that is Width: 2268 Height: 4032. the cropper changes it to: advanced cropper transformed it to: element.style { width: 412.444px; height: 231.75px; }![Screenshot_20240212-221533](https://github.com/advanced-cropper/react-advanced-cropper/assets/129594427/a7b9a15b-3c4b-4ee5-8fb1-075ea470db57)
Using imageRestriction="fillArea" only fills the available space on the left and right but the image does not take up the available space above and below.
This can be seen as well when using the Custom Size Restrictions demo at https://advanced-cropper.github.io/react-advanced (https://advanced-cropper.github.io/react-advanced-cropper/docs/guides/advanced-recipes)