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

Question

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

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

Answer 1

看看getBoundingClientRect() …请注意，您需要照顾父节点。如果 div 元素的父元素有不同的位置，那么您需要考虑到这种差异。

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

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';