NeXTSTEP Programming Mastermind

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

    1.5.0 • Public • Published

    React Image Pan, Zoom & Rotate

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

    NPM JavaScript Style Guide npm type definitions

    Demo

    Edit q8wl1joow9

    Features

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

    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

    License

    MIT © mgorabbani

    Install

    npm i react-image-pan-zoom-rotate

    DownloadsWeekly Downloads

    2,369

    Version

    1.5.0

    License

    MIT

    Unpacked Size

    84.9 kB

    Total Files

    12

    Last publish

    Collaborators

    • mgorabbani