React Pan & Zoom

A simple pan and zoom for canvas like elements in react.

Demo


Installation

``
> yarn add @ajainarayanan/react-pan-zoom
`

Usage

`typescript
import ReactPanZoom from "@ajainarayanan/react-pan-zoom";
class MyComponent extends React.PureComponent {

public render() {
return (



);
}
}
`

Props

- zoom : Provide zoom level for the cavnas'ish element. 1 by default
- dx : Provide the initial x co-ordinate to pan the underlying element to be. 0 by default
- dy : Provide the initial y co-ordinate to pan the underlying element to be. 0 by default

For more information on what dx and dy mean please refer here
(tx == dx and ty == dy)`.