放大镜:坐标换算、边界与比例 | 星雨笔录

通过坐标和比例限制放大镜移动范围。

核心: 放大镜将鼠标坐标限制在容器范围,再按两张图片尺寸比例换算大图位置。

最小示例:

const x = Math.max(0, Math.min(mouseX, boxWidth));
const zoomX = x * bigWidth / boxWidth;
console.log(zoomX);

学完能做: 通过坐标和比例限制放大镜移动范围。