放大镜:坐标换算、边界与比例 | 星雨笔录
通过坐标和比例限制放大镜移动范围。
核心: 放大镜将鼠标坐标限制在容器范围,再按两张图片尺寸比例换算大图位置。
最小示例:
const x = Math.max(0, Math.min(mouseX, boxWidth));
const zoomX = x * bigWidth / boxWidth;
console.log(zoomX);
学完能做: 通过坐标和比例限制放大镜移动范围。
通过坐标和比例限制放大镜移动范围。
核心: 放大镜将鼠标坐标限制在容器范围,再按两张图片尺寸比例换算大图位置。
最小示例:
const x = Math.max(0, Math.min(mouseX, boxWidth));
const zoomX = x * bigWidth / boxWidth;
console.log(zoomX);
学完能做: 通过坐标和比例限制放大镜移动范围。