1.5.0 • Published 3 years ago

image-pan-zoom-rotate v1.5.0

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

image-pan-zoom-rotate

React library to give control on image to move zoom and rotate

NPM JavaScript Style Guide npm type definitions

Demo

image

Edit q8wl1joow9

Features

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

Install

npm install --save react-image-pan-zoom-rotate

or

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

Usage

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