关于那个比例公式 x/B-A=?/D-C
来源：4-1 用JS放大镜特效实现
慕数据0058086
2020-05-12 21:12
我的理解是 （例如X轴方向） ，B-A表示，小容器，剩余可移动的空间，它是固定的，同理D-C也是固定的，图片可以一移动的剩余空间，它也是固定的。所以，前面，小图片在固定可移动空间前提下移动了x,那么这个比例跟后面大图片 ---》大图片移动比例/大图片可以移动的剩余空间也是一样的；
===》就好比一个相似三角形，放大而已，或者说；（前面小盒子可移动剩余的空间）/（大盒子可移动剩余空间）=（前小盒子移动x）/（后面应该相对应移动的距离}
写回答
关注
1回答
-
- 依然丶丶丶
- 2020-06-14 19:59:40
其实这公式可以简化一下X/b = ?/d 不就是 (x/b)*d =? 代码是这样的
var percentX = left/objSmallBox.offsetWidth;
var percentY = top/objSmallBox.offsetHeight ;
objBigBoxImage.style.left = -percentX*objBigBoxImage.offsetWidth+"px"
objBigBoxImage.style.top = -percentY*objBigBoxImage.offsetHeight+"px"
效果是一样的
用JS实现放大镜特效
让图片看起来更美观，同时课程中详细介绍了JavaScript相关的知识点
30108 学习 · 108 问题
相似问题