需求:
1.鼠标点击在放大镜区域内时,居中放大图片内容。
2.且跟随鼠标移动时,放大的内容也是活动的。
3.且可随鼠标滚轮调放大倍数。
4.鼠标放掉时,显示原图。
思路:
1.先写一个可跟随鼠标移动的长方形作为放大镜区域。
2.要把当前放大镜内容截取出来,居中放大2倍,然后再取中间的内容,就是放大后的内容。(根据方框的中心点去计算坐标)
3.放大内容跟随鼠标移动需要绑定鼠标MouseMove事件,这里重点在于鼠标偏移量(鼠标偏移量=鼠标当前坐标-鼠标MouseDown时的坐标)
4.放大镜框左上角新坐标 = 鼠标偏移量 + (中心点坐标 - (1/2宽度,1/2高度),这里是根据中心点去计算左上角坐标的。而代码中是已知放大后的位图的长宽,计算大图的中心点,由于居中放大,故大图小图的中心点一致,再计算小图(放大镜框)的左上角坐标(计算机里面的位图从左上角坐标为起始坐标开始绘图的)。
5.鼠标MouseDown时,MouseMove到的最后一个坐标记录下来(点下放大镜框内且移动才开启放大镜),作为MouseUp时展示的原图,通过这个坐标定位到原图中的内容显示到放大镜中即可。
//放大镜左1功能开始*
usin