两个物体覆盖

Question

我有一个 bCoord 数组，其中包含图像的 x、y 位置、宽度和高度。我想将其他对象插入到不互相覆盖的数组中。如果数组对象的大小大于或等于我想要插入其中的对象，则下面的源代码工作得很好，否则不行。我有一个解决方案，但这不是很好。如果有人对这个问题有好的解决方案，请分享给我。

this.isCover    =   function(pixel, width, height)
{
    for (var i=0; i<bCoords.length; i++) 
        if (isThereBuilding(bCoords[i],pixel.x, pixel.y) || isThereBuilding(bCoords[i],pixel.x+width, pixel.y) || 
            isThereBuilding(bCoords[i],pixel.x, pixel.y+height) ||isThereBuilding(bCoords[i],pixel.x+width, pixel.y+height) )
                return bCoords[i];               
    return null;
}
function isThereBuilding(obj,x, y) 
{
    return (obj.x <= x && (obj.w+obj.x)>= x) && (obj.y <= y && (obj.h+obj.y) >= y);
}    

Answer 1

您可以使用此函数来检查一个对象是否与另一个对象重叠：

hitTest = function(o, l){
    function getOffset(o){
        for(var r = {l: o.offsetLeft, t: o.offsetTop, r: o.offsetWidth, b: o.offsetHeight};
            o = o.offsetParent; r.l += o.offsetLeft, r.t += o.offsetTop);
        return r.r += r.l, r.b += r.t, r;
    }
    for(var b, s, r = [], a = getOffset(o), j = isNaN(l.length), i = (j ? l = [l] : l).length; i;
        b = getOffset(l[--i]), (a.l == b.l || (a.l > b.l ? a.l <= b.r : b.l <= a.r))
        && (a.t == b.t || (a.t > b.t ? a.t <= b.b : b.t <= a.b)) && (r[r.length] = l[i]));
    return j ? !!r.length : r;
};

可在此处找到。