0.2.14 • Published 4 years ago
react-responsive-pinch-zoom-pan-withoutwheel v0.2.14
react-responsive-pinch-zoom-pan-withoutwheel
A React component that adds pinch-zoom and pan capability to an <img>
element. Both mobile and desktop browsers are supported. On desktop browsers, zoom is triggered via the mouse scrollwheel.
Zoom and pan are applied using CSS transforms.
Install
npm install react-responsive-pinch-zoom-pan-withoutwheel --save
Try it out
Online
Local
git clone https://github.com/bradstiff/react-responsive-pinch-zoom-pan-withoutwheel.git
cd react-responsive-pinch-zoom-pan-withoutwheel
npm install
npm start
- Browse to http://localhost:3001
Usage
import React from "react";
import PinchZoomPan from "react-responsive-pinch-zoom-pan-withoutwheel";
const App = () => {
return (
<div style={{ width: '500px', height: '500px' }}>
<PinchZoomPan>
<img alt='Test Image' src='http://via.placeholder.com/750x750' />
</PinchZoomPan>
</div>
);
};
0.2.14
4 years ago
0.2.13
4 years ago
0.2.12
4 years ago
0.2.11
4 years ago
0.2.10
4 years ago
0.2.7
4 years ago
0.2.9
4 years ago
0.2.8
4 years ago
0.2.6
4 years ago
0.2.5
4 years ago
0.2.4
4 years ago
0.2.3
4 years ago
0.2.2
4 years ago
0.2.1
4 years ago
0.2.0
4 years ago
0.1.9
4 years ago
0.1.8
4 years ago
0.1.7
4 years ago
0.1.6
4 years ago
0.1.5
4 years ago
0.1.4
4 years ago
0.1.2
4 years ago
0.1.1
4 years ago
0.1.0
4 years ago