Question

我不久前和KineticJS一起工作，我遇到了问题。

我可以绘制圆圈（白色，蓝色和红色），然后我会沿着蓝色圆圈的路径绘制一个多边形。

但是如何找到坐标，或者至少找到关于红色圆圈的东西。也就是说，那些属于以下多边形的人。

我尝试使用getIntersection，但我不明白它返回的内容。对不起，我的英语不好。在此先感谢!!

http://imageshack.us/scaled/thumb/42/7gok.jpg

Answer 1

我假设你的照片中所有红点和蓝点都位于网格上。

这意味着任何点的x和y都被夹紧到该网格（轴对齐）

我进一步假设蓝点定义了多边形的外部。

所以你想看看那个多边形内是否有任何特定的红点？

鉴于这些假设，如果在所有4个垂直和水平边上被蓝色圆点包围，任何红点都在你的多边形内部

红点左侧的蓝点
```
blueY==redY && blueX<redX
```
红点右侧的蓝点
```
blueY==redY && blueX>redX
```
红点上方的蓝点
```
blueX==redX && blueY<redY
```
红点下方的蓝点
```
blueX==redX && blueY>redY
```

首先，你需要能够获得所有蓝点，所以当你创建蓝点时，一定要为它们指定一个蓝色的名称属性

name:"blue",

然后你可以使用这个功能测试任何红点，检查红点是否被蓝点包围：

function isRedInPolygon(red){

    // get XY of the red circle
    var redX=red.getX();
    var redY=red.getY();

    // set up vars for results
    // these vars become true when blue dots are
    // directly up, down, left and right of the red dot
    var up=false;
    var down=false;
    var left=false;
    var right=false;

    // get all the blue dots into an array
    var blues=layer.get('.blue').toArray();

    for(var j=0;j<blues.length;j++){

        // get the XY of this blue
        var blue=blues[j];
        blueX=blues[j].getX();
        blueY=blues[j].getY();

        // test left/right
        if(blueX==redX){
            // left
            if(blueY<redY){ up=true; }
            // right
            if(blueY>redY){ down=true; }
        }

        // test up/down
        if(blue.Y==red.Y){
            if(blueX<redX){ left=true; }
            if(blueX>redX){ right=true; }
        }
    }

    // return true if this red dot is surrounded
    // by blue dots on all 4 sides
    return(up && down && left && right);
}

获取多边形内所有红色对象的列表

首先，将name =“red”分配给所有红点。

name:"red",

然后使用此调用获取多边形中所有红色对象的数组。

var redsInside = listOfRedsInPolygon();

使用此功能：

function listOfRedsInPolygon(){

    var reds=layer.get('.red').toArray();

    var redsInsidePolygon=[];

    for(var i=0;i<reds.length;i++){

        if(isRedInPolygon(reds[i])){
            redsInsidePolygon.push(reds[i]);
        }
    }

    return(redsInsidePolygon);
}

免责声明：我没有测试过这段代码......可能需要进行一些调整。

KineticJS获得所有交叉点

1 个答案: