react-image-pan-zoom-rotate
react-image-pan-zoom-rotate copied to clipboard
Rotating a vertical image to horizontal mode, then some parts of the image is not visible
When I give a vertical image as input and try to rotate it horizontally, then some part of the image is not shown or gets cut.
Example:
<ReactPanZoom
alt="cool image"
image="https://media.istockphoto.com/id/1368628035/photo/brooklyn-bridge-at-sunset.jpg?s=612x612&w=0&k=20&c=hPbMbTYRAVNYWAUMkl6r62fPIjGVJTXzRURCyCfoG08="
/>
Image URL: Link
Original image:
After rotating:
If you notice that the image has entire tower on the building in vertical mode, but after rotating, the tower is cut or not shown entirely and I have scrolled left to max.
I hope I am able to make the issue clear. How can we fix this?