autojs射线法判断点是否在多边形内

简介: 牙叔教程 简单易懂

牙叔教程 简单易懂


copilot 版本

//判断点P在多边形内-射线法
function isPointInPolygon(point, polygon) {
  var x = point.x,
    y = point.y;
  var inside = false;
  for (var i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
    var xi = polygon[i].x,
      yi = polygon[i].y;
    var xj = polygon[j].x,
      yj = polygon[j].y;
    var intersect = yi > y != yj > y && x < ((xj - xi) * (y - yi)) / (yj - yi) + xi;
    if (intersect) inside = !inside;
  }
  return inside;
}
let point = {
  x: 0,
  y: 0,
};
let polygon = [
  { x: 0, y: 0 },
  { x: 0, y: 100 },
  { x: 100, y: 100 },
  { x: 100, y: 0 },
];
let inside = isPointInPolygon(point, polygon);
console.log(inside);


群成员 Mindfulness 的版本

/**
 * @typedef Point
 * @property {number} x
 * @property {number} y
 */
/**
 * 判断一个点是否在多边形内部
 *
 * @param {Point} point 待判断的点
 * @param {Point[]} polygonPoints 多边形的顶点数组
 * @param {boolean} includeBorder 待判断点位于多边形边线上时, 是否判断为内部
 * @returns {boolean}
 */
function isPointInPolygon(point, polygonPoints, includeBorder = true) {
    // 取多边形各定点的xy值最大最小值
    const minX = Math.min(polygonPoints.map(p => p.x))
    const maxX = Math.max(polygonPoints.map(p => p.x))
    const minY = Math.min(polygonPoints.map(p => p.y))
    const maxY = Math.max(polygonPoints.map(p => p.y))
    // 超出最大最小范围的, 一定在多边形外部
    if (point.x < minX || point.x > maxX || point.y < minY || point.y > maxY) return false
    // 被判断点的y值, 一定在多边形的最大最小y值之间
    // 从被判断点开始, 向90度引出一条射线 (横线)
    // 依次处理每个顶点
    // 每个顶点与上一点连成一条边线, 判断射线与此边线的是否有交叉
    const crossState = polygonPoints.map((p, i) => {
        // 另一个顶点
        const op = i === 0 ? polygonPoints[polygonPoints.length - 1] : polygonPoints[i - 1]
        console.log(p, op)
        // 如果该条边线为竖线
        if (op.x === p.x) {
            // 如果包含边界, 则射线与边线两端任一点重合即为在多边形内部
            if ((point.y === op.y || point.y === p.y) && includeBorder) return true
            // 否则判断射线的y值是否在边线的两端y值之间
            const [loY, hiY] = [po.y, p.y].sort()
            return point.y > loY && point.y < hiY
        }
        // 如果该条边线为横线
        if (op.y === p.y) return includeBorder ? point.y === op.y : false
        // 两点组成的直线正切值
        const tan = (op.y - p.y) / (op.x - p.x)
        // 计算当前两个顶点的连线与射线交点, 如果交点的x值超出两点范围, 则该边与射线不相交
        const x = (point.y - p.y) / tan
        return includeBorder ? x >= p.x && x <= po.x : x > p.x && x < po.x
    })
    return crossState.filter(p => p).length % 2 === 1
}
const polygonPoints = [
    { x: 100, y: 50 },
    { x: 50, y: 100 },
    { x: 200, y: 120 },
]
const fromPoint = { x: 66, y: 77 }
const isIn = isPointInPolygon(fromPoint, polygonPoints)
console.log(isIn)


相关文档

详谈判断点在多边形内的七种方法(最全面)


名人名言

思路是最重要的, 其他的百度, bing, stackoverflow, github, 安卓文档, autojs文档, 最后才是群里问问 --- 牙叔教程

声明

部分内容来自网络 本教程仅用于学习, 禁止用于其他用途

相关文章
|
1月前
ThreeJs通过射线获取自己的点击位置坐标
这篇文章详细说明了如何使用Three.js来绘制线条,包括创建线几何体、设置材质以及将线条添加到3D场景中的具体步骤。
98 1
ThreeJs通过射线获取自己的点击位置坐标
|
定位技术
任意一张图片的CGCS2000坐标配准
任意一张图片的CGCS2000坐标配准
143 0
【OpenGL】十二、OpenGL 绘制线段 ( 绘制单条线段 | 绘制多条线段 | 依次连接的点组成的线 | 绘制圈 | 绘制彩色的线 )(一)
【OpenGL】十二、OpenGL 绘制线段 ( 绘制单条线段 | 绘制多条线段 | 依次连接的点组成的线 | 绘制圈 | 绘制彩色的线 )(一)
277 0
【OpenGL】十二、OpenGL 绘制线段 ( 绘制单条线段 | 绘制多条线段 | 依次连接的点组成的线 | 绘制圈 | 绘制彩色的线 )(一)
|
Java
判断顶点凹凸性、判断多边形的凹凸性、填充凹坑将凹多边形处理为凸多边形【java实现+原理讲解】
判断顶点凹凸性、判断多边形的凹凸性、填充凹坑将凹多边形处理为凸多边形【java实现+原理讲解】
245 0
判断顶点凹凸性、判断多边形的凹凸性、填充凹坑将凹多边形处理为凸多边形【java实现+原理讲解】
|
数据可视化 C++
高斯正反算—投影坐标转大地坐标、大地坐标转投影坐标(附有完整代码及测试结果)
高斯正反算—投影坐标转大地坐标、大地坐标转投影坐标(附有完整代码及测试结果)
|
图形学
Unity 之 获取物体的旋转角正确数值
不管父物体如何设置,都能获取到物体本身旋转角度的正确数值
1061 0
|
C++ 计算机视觉
C++使用opencv判断一个点是否在多边形之内
C++使用opencv判断一个点是否在多边形之内
200 0
|
JavaScript 测试技术 Android开发
Halcon示例之求一个矩形四个角点坐标的八种方法
Halcon示例之求一个矩形四个角点坐标的八种方法
1672 0
Halcon示例之求一个矩形四个角点坐标的八种方法