Repository navigation
expand image to fit container #600
Description
as mentioned in #108, i've set a width on the parent container:
<div style={{width: 400}}>
<ReactCrop ...>
<img ... />
</ReactCrop>
</div>
This works well when the image is larger than the container (the image is resized downward to fit in the container), but when the image is smaller than the container, it doesn't scale up to fit the container. Any way to accomplish this behavior?
Activity
ayushgarg-git commentedon Sep 2, 2024
Hey @tonypeng
I used the "style" prop to specify width and height of the Crop container and added {width:"100%",height:"100%", objectFit:'contain'} as the style for the enclosed image. The image expands to the size that you specify for the Cropper nicely.