I just followed the example on index.md and everything works great, except that if I change the values of maxZoom and minZoom, or set panToMove to false or pinchToZoom to false, nothing changes. Ie, I can still pinch and pan with panToMove={false} pinchToZoom={false} and zoom up A LOT (would say 100x) even if I set maxZoom to 1, 2 or 3.
Looking at the code (ImageCrop.js), I see no reference to these props being used: panToMove, pinchToZoom, maxZoom and minZoom (panToMove and pinchToZoom are not even defined on ImageCrop.propTypes).
The same issue is happening to me too. Those fields are definitely ignored. The solution is to either fork the repo or copy/paste Image.js and ImageCrop.js into your own project and make the modifications yourself.
I just followed the example on index.md and everything works great, except that if I change the values of
maxZoom
andminZoom
, or setpanToMove
to false orpinchToZoom
to false, nothing changes. Ie, I can still pinch and pan withpanToMove={false} pinchToZoom={false}
and zoom up A LOT (would say 100x) even if I set maxZoom to 1, 2 or 3.Looking at the code (ImageCrop.js), I see no reference to these props being used: panToMove, pinchToZoom, maxZoom and minZoom (panToMove and pinchToZoom are not even defined on ImageCrop.propTypes).