react-svg-camera
React component to zoom and scroll an svg element.
Install
npm install react-svg-camera --save
Usage
Change the camera prop to manipulate the svg's viewBox
.
See demo.
var SvgCamera = ; ReactDOM;
<SvgCamera>
renders <svg>
so children of SvgCamera
can be any valid svg
children.
props
camera
Required. Object that looks like
// Mid point of camera x: 50 // Mid point of camera y: 100 // Amount of zoom, 2 means zooming in by 2x. Must be > 0. zoom: 2
License
MIT