1.3.0 • Published 3 years ago

@augustoresende/react-image-pan-zoom-rotate v1.3.0

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

npm type definitions

React Pan, Zoom & Rotate

A simple pan and zoom and rotating for images in react.

Demo

npm.io

Edit q8wl1joow9

Installation

> yarn add react-image-pan-zoom-rotate

Features

  • Drag & Move
  • Zoom In
  • Zoom Out
  • Rotate (in Left only)

Usage

import ReactPanZoom from 'react-image-pan-zoom-rotate';
class MyComponent extends React.PureComponent {
  public render() {
    return (
      <ReactPanZoom image="https://drscdn.500px.org/photo/105738331/q%3D80_m%3D2000/v2?webp=true&sig=538a4f76f4966c84acb01426bb4a4a5e4a85b72a2c3bd64973d3a369f9653007" alt="document image"/>
    );
  }
}