Question

我遇到了这段C代码（我认为）应该是一个简洁的方法来检查一个点是否在（凹面或凸面）多边形内并想在我的JS程序中使用它：

    int pnpoly(int nvert, float *vertx, float *verty, float testx, float testy)
{
  int i, j, c = 0;
  for (i = 0, j = nvert-1; i < nvert; j = i++) {
    if ( ((verty[i]>testy) != (verty[j]>testy)) &&
     (testx < (vertx[j]-vertx[i]) * (testy-verty[i]) / (verty[j]-verty[i]) + vertx[i]) )
       c = !c;
  }
  return c;
}

nvert：多边形中的顶点数。是否在结尾处重复第一个顶点 vertx，verty：包含多边形顶点的x坐标和y坐标的数组。
testx，testy：测试点的X坐标和y坐标。（这来自另一个Stack Overflow问题：How can I determine whether a 2D Point is within a Polygon?。

这会如何转化为JS？我已经知道如何在JS中启动for循环

j = nvert-1
for (i = 0; i < nvert; i++) {
    //The whole if thing
    j = i
}

我猜第一行中的“float *”可以在JS中省略。但我不太确定“int i，j，c = 0;”做什么或什么“！c”表示何时“c = 0”。与0相反的是什么？

由于

Answer 1

vertx和verty应该是数组，并且应该有值。用

初始化它们

vertx = []; verty = [];

然后该函数几乎相同（假设它是正确的）

function pnpoly(var nvert, var vertx, var verty, var testx, var testy).
{
  var i, j, c = 0;
  for (i = 0, j = nvert-1; i < nvert; j = i++) {
   if ( ((verty[i]>testy) != (verty[j]>testy)) &&
   (testx < (vertx[j]-vertx[i]) * (testy-verty[i]) / (verty[j]-verty[i]) + vertx[i]) )
    c = !c;
}

Answer 2

我使用了您的问题以及您分享的方法来解决我遇到的相同问题。效果很好。我在处理将来的任何查询时共享我的代码。谢谢。

// generate a random amount of points
PVector [] points = new PVector[1000];
// the list of points for a drawable edge
ArrayList<PVector> edgePnts = new ArrayList<PVector>();
PVector oldViewer ;
void setup(){
    size(800,400);
    for(int i =0; i< points.length;i++){
        points[i]=new PVector(random(width), random(height));
    }
oldViewer= new PVector(0,0);
}
void draw(){
    background(255);
    noStroke();
    // turning the arraylist of vectors into an array of vectors
    PVector[] polyVerts = edgePnts.toArray(new PVector[edgePnts.size()]);
    for(int i =0; i< points.length;i++){

        if(edgePnts.size()>0){
            if(pnInPoly(edgePnts.size(),polyVerts,points[i])<0){
                fill(0,255,0);
                ellipse(points[i].x,points[i].y, 10,10);
            }else{
                fill(0);
                ellipse(points[i].x,points[i].y, 5,5);
            }
        }else{
            fill(0);
            ellipse(points[i].x,points[i].y, 5,5);
        }
    }
    if(edgePnts.size()>0){
        fill(255,0,0);
        stroke(255,0,0);
        for(int i =0; i< edgePnts.size();i++){
        // for(PVector p : edgePnts){
            ellipse(edgePnts.get(i).x,edgePnts.get(i).y,2,2);
            if(i>0){
                line(edgePnts.get(i).x,edgePnts.get(i).y,edgePnts.get(i-1).x,edgePnts.get(i-1).y);
            }
        }
    }

    if (mousePressed){
    PVector viewer = new PVector(mouseX,mouseY);
        if(oldViewer.dist(viewer)>10){
            edgePnts.add(viewer);
            oldViewer = viewer;
        }
    }   
}

void keyPressed(){
    if(key == 'r' || key == 'R'){
        reset();
    }
}
void reset(){
    edgePnts = new ArrayList<PVector>();
    for(int i =0; i< points.length;i++){
        points[i]=new PVector(random(width), random(height));
    }
}
// the testing function to check if the point in case is inside the polygon
int pnInPoly(int nvert, PVector [] vert, PVector test){
    int i, j;
    int c = 1;
    for (i = 0, j = nvert-1; i < nvert; j = i++) {
        if ( ((vert[i].y>test.y) != (vert[j].y>test.y)) &&
        (test.x < (vert[j].x-vert[i].x) * (test.y-vert[i].y) / (vert[j].y-vert[i].y) + vert[i].x) )
        c = c * (-1);
    }
    return c;
    // if c < 0 means it is inside
}

如何在Javascript中检查点是否为多边形

2 个答案: