react-image-magnifier
A react component that accepts a high-res source image and produces a magnifier window on mouse hover over the part of the image the cursor is over
Demo
Usage
> npm install --save react-image-magnifier
var ImageMagnifer = ; var App = React;
API (props)
Prop | Required | Default | Type | Description |
---|---|---|---|---|
image |
YES | { src, width, height } |
the src, size of the non-zoomed-in image | |
zoomImage |
YES | { src, width, height } |
the src, size of the zoomed-in image | |
cursorOffset |
NO | { x: 0, y: 0 } |
{ x, y } |
the offset of the zoom bubble from the cursor |
size |
NO | 200 |
Number |
the size of the magnifier window |