javascript - JS实现放大镜效果

问题描述

问 题

就是监听鼠标的位置，如何在大图中显示对应的位置？

解决方案

其实呢他有两张图片，一张展示的图片，还有一张清晰的大图片当做放大的图片，当然了如果原图本来就很清晰，那就展示的时候直接放大那张图就可以了。具体的js代码就是楼上说的，你用一个框跟你的鼠标绑定，通过监听相应鼠标的位置，来移动你的框，同时获取你的鼠标的上左距离，分别减去相应的框高宽距离，来确定映射的放大的图片展示的区域。

这篇关于javascript - JS实现放大镜效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！