react-cursor-zoom
A react component that uses a high-res source image to produce a zoom window on mouse hover
Based on lelandrichardson/react-image-magnifier
Demo
Installation
npm install react-cursor-zoom --save
Usage
import CursorZoom from 'react-cursor-zoom'; var App = React;
API
image
Required
{ src, width, height }
The inline image that will be used as a reference for cursor zoom
zoomImage
Required
{ src, width, height }
The high-res image to be used on hover
cursorOffset
Optional : default
{ x: 0, y: 0 }
{ x: 0, y: 0 }
or { x, y }
size
Optional : default
200
Number
The size of the zoom window