使用场景

在线艺术品商店使用该放大镜效果，让顾客能够查看艺术品的每一个细节。

电子商务网站用它来展示产品图片，帮助消费者做出购买决定。

在线教育平台利用放大镜效果，帮助学生更清晰地查看学习材料。

产品特色

平滑的放大效果，跟随鼠标光标移动。

通过滚动鼠标滚轮可调整放大镜的大小和放大级别。

易于集成和自定义，以适应不同的项目需求。

支持通过替换图片和调整脚本中的变量来个性化设置。

包含样式和脚本文件，方便在项目中实现放大镜效果。

使用教程

1. 克隆仓库到本地：`git clone https://github.com/bdekraker/magnifier-lens-effect.git`。

2. 打开 `src/index.html` 文件在浏览器中查看效果。

3. 将 `assets/` 文件夹中的 `your-image.jpg` 替换为你自己的图片。

4. 在 `script.js` 文件中调整 `magnificationFactor` 和 `magnifierSize` 变量来自定义放大效果。

5. 将 `style.css` 和 `script.js` 文件包含到你的项目中，以集成放大镜效果。