A simple pan and zoom for canvas like elements in react.
> yarn add @ajainarayanan/react-pan-zoom
1
import ReactPanZoom from "@ajainarayanan/react-pan-zoom";
class MyComponent extends React.PureComponent {
public render() {
return (
<ReactPanZoom>
<img src="some/src/for/image.png" />
</ReactPanZoom>
);
}
}szoom: Provide zoom level for the cavnas'ish element.1by defaultdx: Provide the initial x co-ordinate to pan the underlying element to be.0by defaultdy: Provide the initial y co-ordinate to pan the underlying element to be.0by default
For more information on what dx and dy mean please refer heressss
(tx == dx and ty == dy).