Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
bradstiff authored Feb 10, 2019
1 parent 00465dc commit f433080
Showing 1 changed file with 4 additions and 4 deletions.
8 changes: 4 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
# react-responsive-pinch-zoom-pan

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.
A React component that adds pinch-zoom and pan capability to an `img` element. Both mobile and desktop browsers are supported. In desktop mode, you zoom with the mouse scrollwheel, and pan by dragging.

Zoom and pan are applied using CSS transforms.
On render, the zoom and pan values are applied using CSS transforms.

## Install

Expand Down Expand Up @@ -32,7 +32,7 @@ const App = () => {
return (
<div style={{ width: '500px', height: '500px' }}>
<PinchZoomPan>
<img alt='Test Image' src='http://via.placeholder.com/750x750' />
<img alt='Test Image' src='http://picsum.photos/750/750' />
</PinchZoomPan>
</div>
);
Expand Down Expand Up @@ -60,4 +60,4 @@ To set up the project:
2. `npm install`
3. `npm start`

The example page will be available on http://localhost:3001 in watch mode, meaning you don't have to refresh the page to see your changes.
The example page will be available on http://localhost:3001 in watch mode, meaning you don't have to refresh the page to see your changes.

0 comments on commit f433080

Please sign in to comment.