用webAPI实现图片放大镜效果

本文实例为大家分享了webAPI实现图片放大镜效果的具体代码,供大家参考,具体内容如下 实现图片放大的效果 做这个之前需要会 事件对象.clientX 这个是X轴 事件对象.clientY 这个是Y轴 1.元素.offsetLeft 获取盒子距离浏览器的距离元素. 2.offsetTop 获取盒子距离浏览器顶部的距离 这两个都是谁有定位我就看谁; 1.元素.offsetWidth 获取盒子的宽度元 2.素.offsetHeight 获取盒子的高度 我们要实现这样的效果: 结构: 在做项目之前我们必须先知道哪些元素是需要获取的: 图片中我们可以看出