關(guān)于那個比例公式 x/B-A=?/D-C
我的理解是 (例如X軸方向) ,B-A表示,小容器,剩余可移動的空間,它是固定的,同理D-C也是固定的,圖片可以一移動的剩余空間,它也是固定的。所以,前面,小圖片在固定可移動空間前提下移動了x,那么這個比例跟后面大圖片? ?---》大圖片移動比例/大圖片可以移動的剩余空間也是一樣的;
===》就好比一個相似三角形,放大而已,或者說;(前面小盒子可移動剩余的空間)/(大盒子可移動剩余空間)=(前小盒子移動x)/(后面應(yīng)該相對應(yīng)移動的距離}
2020-06-14
其實這公式可以簡化一下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"
? ? ? ? ? ?效果是一樣的