react-image-lens

image lens for react.js

Usage no npm install needed!

<script type="module">
  import reactImageLens from 'https://cdn.skypack.dev/react-image-lens';
</script>

README

Getting started

Install

npm install react-image-lens --save

Usage Example

import React from 'react'
import {render} from 'react-dom'
import ReactImageLens from 'react-image-lens'
import midSrc from './mid/01.jpg'
import bigSrc from './big/01.jpg'

render(
    <ReactImageLens
        image={{
          src: midSrc,
          width: 400,
          height: 400
        }}
        zoomImage={{
          src: bigSrc,
          width: 800,
          height: 800
        }}
    />
    ,
    document.getElementById('root')
)

Demo

npm dev

then open browser http://localhost:8080/