React library to give control on image to move zoom and rotate
- Drag & Move
- Zoom In
- Zoom Out
- Rotate (in Left only)
- Flip Image
- Reset
npm install --save react-image-pan-zoom-rotate
or
> yarn add react-image-pan-zoom-rotate
import React from 'react';
import ReactPanZoom from 'react-image-pan-zoom-rotate';
const App = () => {
return (
<ReactPanZoom
image="https://images.unsplash.com/photo-1551091708-fda32ed3178c"
alt="Image alt text"
/>
);
};
export default App;
or Check example folder below file to use your custom UI
ReactPanZoom.tsx
MIT © mgorabbani