react-glass-magnifier

A React image magnifying glass component. Example

Install

npm install --save react-glass-magnifier

Usage

import * as React from 'react'
 
import Magnifier from 'react-glass-magnifier'
 
class Example extends React.Component {
  render () {
    return (
      <div className="image-container">
        <Magnifier
          imageUrl="images/daylight-environment-forest-small.jpg"
          imgAlt="small image"
          zoomFactor={3}
          glassDimension={200}
          largeImageUrl="images/daylight-environment-forest-large.jpg"
          glassBorderColor="red"
          glassBorderWidth={2} />
      </div>
    )
  }
}

License

MIT © amanulchowhury