js 判断两个矩形是否相交

在 JavaScript 中，可以通过以下代码来判断两个矩形是否相交：

function isOverlap(rect1, rect2) {
  // 获取矩形1的边界值
  const rect1Left = rect1.x;
  const rect1Right = rect1.x + rect1.width;
  const rect1Top = rect1.y;
  const rect1Bottom = rect1.y + rect1.height;

  // 获取矩形2的边界值
  const rect2Left = rect2.x;
  const rect2Right = rect2.x + rect2.width;
  const rect2Top = rect2.y;
  const rect2Bottom = rect2.y + rect2.height;

  // 判断是否相交
  if (rect1Right > rect2Left && rect1Left < rect2Right && rect1Bottom > rect2Top && rect1Top < rect2Bottom) {
    return true;
  } else {
    return false;
  }
}

其中，rect1 和 rect2 分别代表两个矩形的信息，包括 x、y、width 和 height 等属性。首先获取两个矩形的边界值，然后判断是否相交，如果相交返回 true，否则返回 false。

相关问题

js判断两个矩形坐标是否相交

要判断两个矩形坐标是否相交，在JavaScript中可以使用以下方法：

1. 首先，我们需要了解矩形的坐标信息。一个矩形可以由左上角坐标(x1, y1)和右下角坐标(x2, y2)来表示。
2. 判断两个矩形是否相交，可以根据它们的坐标信息进行比较。
3. 如果两个矩形相交，那么它们的水平和垂直投影都会有重叠区域。
4. 水平投影的判断条件是：矩形1的左边界小于矩形2的右边界，并且矩形1的右边界大于矩形2的左边界。
5. 垂直投影的判断条件是：矩形1的上边界小于矩形2的下边界，并且矩形1的下边界大于矩形2的上边界。
6. 如果同时满足水平和垂直投影的条件，那么可以确定两个矩形相交。

以下是一个示例代码：

function isRectanglesIntersect(rect1, rect2) {
  if (
    rect1.x1 < rect2.x2 && 
    rect1.x2 > rect2.x1 &&
    rect1.y1 < rect2.y2 &&
    rect1.y2 > rect2.y1
  ) {
    return true;  // 两个矩形相交
  } else {
    return false;  // 两个矩形不相交
  }
}

// 示例使用
var rect1 = {x1: 1, y1: 1, x2: 4, y2: 3};
var rect2 = {x1: 3, y1: 2, x2: 6, y2: 5};

if (isRectanglesIntersect(rect1, rect2)) {
  console.log("两个矩形相交");
} else {
  console.log("两个矩形不相交");
}

希望以上回答对您有所帮助。

Cocoscreate 实现检查两个Node节点是否在对方区域内 边缘内就算。代码示例

以下是一个简单的 Cocos Creator 实现检查两个 Node 节点是否在对方区域内（边缘内算）的代码示例：

// 判断 node1 是否在 node2 区域内（边缘内算）
function isNodeInArea(node1, node2) {
    var node1Rect = node1.getBoundingBoxToWorld();
    var node2Rect = node2.getBoundingBoxToWorld();

    // 判断 node1 的四个角是否在 node2 区域内
    var p1 = cc.v2(node1Rect.xMin, node1Rect.yMin);
    var p2 = cc.v2(node1Rect.xMin, node1Rect.yMax);
    var p3 = cc.v2(node1Rect.xMax, node1Rect.yMax);
    var p4 = cc.v2(node1Rect.xMax, node1Rect.yMin);

    return cc.Intersection.rectRect(node2Rect, node1Rect) ||
        cc.Intersection.pointInPolygon(p1, node2Rect) ||
        cc.Intersection.pointInPolygon(p2, node2Rect) ||
        cc.Intersection.pointInPolygon(p3, node2Rect) ||
        cc.Intersection.pointInPolygon(p4, node2Rect);
}

// 使用示例
var node1 = cc.find("node1");
var node2 = cc.find("node2");

if (isNodeInArea(node1, node2)) {
    // node1 在 node2 区域内
} else {
    // node1 不在 node2 区域内
}

在使用 Cocos Creator 判断两个 Node 节点是否在对方区域内时，可以使用节点的 getBoundingBoxToWorld() 函数获取节点在世界坐标系中的包围盒，然后判断节点的四个角是否在对方的包围盒内，或者使用 cc.Intersection.rectRect() 函数判断两个矩形是否相交。