先上一张效果图：
pic.png
分析过程：
- H5部分：
- 左右两个大div盒子用以显示图片
- 左边的盒子内部嵌入一个放大镜盒子，放大镜盒子用以控制右边盒子图片显示的范围
- CSS部分：
- 左右两个大的div盒子宽高一致，具有相同的背景且背景的大小应与盒子等大
- 右边的背景为盒子的4倍
- 放大镜宽高设置为父级的1/4
- JS部分：
- 实现元素的拖拽（放大镜在左边的盒子内部拖动）
- 根据放大镜的左上角的坐标设置右边盒子背景图的起点坐标（*4）
**PS: ** 以上元素的宽高，倍数，背景图的大小等根据个人需求设置，为了简单的达到效果，我设置的比较随意。
<strong>下载地址：https://github.com/frankxjkuang/magnifier-demo</strong>
