安装

yarn add react-image-preview-magnifier
npm install react-image-preview-magnifier

快速使用

import ReactImagePreviewMagnifier from "react-image-preview-magnifier";

export default () => {
  return (
    <div className="App">
      <ReactImagePreviewMagnifier />
    </div>
  );
};

API

| 参数 | 说明 | 类型 | 默认值 | | --- | --- | --- | --- | | src | 图片路径 | string | 'url' | | width | 小盒子宽度 | number | 90 | | height | 小盒子高度 | number | 45 | | bigWidth | 放大盒子宽度 | number | 400 |