canvas判断坐标点是否在给定的多边形内

王哈哈猿

已于 2023-06-06 14:56:22 修改

阅读量352

点赞数

分类专栏： canvas 文章标签： javascript

于 2023-06-02 16:14:37 首次发布

本文链接：https://blog.csdn.net/w643462659/article/details/131009272

版权

博客介绍了如何在canvas中利用射线法判断坐标点是否位于给定多边形内部，提到了现有方法存在的小bug，并推荐了一个有效解决方案的链接。

摘要由CSDN通过智能技术生成

canvas判断坐标点是否在给定的多边形内

网上找了一些方法虽然也是射线法，但是有点小bug（鼠标与多边形中某条向外延申的线在同一线上，会触发在多边形内，本人太菜没找到解决方法） ,最终找到了一位大佬写的，链接在下面，完美的解决了！！！

  /**
   * @description 射线法判断点是否在多边形内部
   * @param {Object} point 待判断的点，格式：{ x: X坐标, y: Y坐标 }
   * @param {Array} polygon 多边形顶点，数组成员的格式同 point
   * @return {Boolean} true false
   */
  // 判断点是否在多边形内
  pointInPolygon(targetPoint, targetPoints) {
   
    var leftPointCount = 0;
    var rightPointCount = 0;//左右点的个数
    var _points = [];
    //第一步：取出所有的点，并计算交点坐标
    for (var i = 0, _length = targetPoints.length - 1; i < _length; i