VueKonva: 如何判断数组中的点是否在矩形内

可以通过比较点的坐标值和矩形的边界来判断点是否包含在矩形中。假设点的坐标为(x, y)，矩形的左上角坐标为(x1, y1)，右下角坐标为(x2, y2)。

可以使用以下条件判断点是否包含在矩形中：

• 点的x坐标大于等于矩形的左上角x坐标(x1)，且小于等于矩形的右下角x坐标(x2)。
• 点的y坐标大于等于矩形的左上角y坐标(y1)，且小于等于矩形的右下角y坐标(y2)。

如果以上两个条件都满足，则说明点位于矩形内部；否则，点不在矩形中。

在VueKonva中，假设有一个数组points包含多个点的坐标，一个矩形rect的坐标为(x1, y1, x2, y2)，可以使用以下代码判断每个点是否在矩形中：

// 判断点是否在矩形中的函数
function isPointInRect(point, rect) {
  const [x, y] = point;
  const [x1, y1, x2, y2] = rect;

  return x >= x1 && x <= x2 && y >= y1 && y <= y2;
}

// 遍历points数组，判断每个点是否在矩形中
points.forEach(point => {
  if (isPointInRect(point, rect)) {
    console.log('点在矩形中');
  } else {
    console.log('点不在矩形中');
  }
});

注意，以上代码假设点的坐标是一个二维数组，如[1, 2]，矩形的坐标是一个包含4个值的数组，如[0, 0, 10, 10]。根据实际情况可以调整代码。