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.
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)
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.
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)