@augustoresende/react-image-pan-zoom-rotate
TypeScript icon, indicating that this package has built-in type declarations

1.3.0 • Public • Published

npm type definitions

React Pan, Zoom & Rotate

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

Demo

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"/>
    );
  }
}

Package Sidebar

Install

npm i @augustoresende/react-image-pan-zoom-rotate

Weekly Downloads

1

Version

1.3.0

License

MIT

Unpacked Size

64.6 kB

Total Files

12

Last publish

Collaborators

  • augustoresende