将一个 DIV 的坐标映射到另一个 DIV

Question

我有 2 个不同高度和宽度的 div，以图像为背景。

我的要求是获取一个 div 的裁剪坐标，并将该坐标定位到另一个 div.. 我需要坐标.. 我该怎么做。

Answer 1

看看getBoundingClientRect()...注意，你需要照顾父节点。如果 div 元素的父元素有不同的位置，则需要考虑这种差异。

下面的代码假定divs 具有相同的父级并且是绝对定位的。

var bbox = div1.getBoundingClientRect();
div2.style.top = bbox.top + 'px';
div2.style.left = bboox.left + 'px';
div2.style.width = bbox.right - bbox.left + 'px';
div2.style.height = bbox.bottom - bbox.top + 'px';