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

Question

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

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

Answer 1

查看getBoundingClientRect() ...请注意，您需要处理父节点。如果div元素的父母有不同的位置，那么你需要把这个差异带到accout。

以下代码假设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';