javascript - 二维多边形的边界

Question

我正在处理 2d 地图，我必须在其中渲染建筑物（具有一些填充和边框颜色的多边形）。使用了三个.js 库。我使用着色器，其中 GLSL 程序通过更改颜色来处理所有建筑物的渲染以及悬停/选择效果。

建筑物边界的问题。重心坐标方法用于渲染边界：https ://stackoverflow.com/a/18068177/3093329

在方形建筑的简单情况下，我必须指定必须消除哪些对角线（边缘），这很容易，因为它总是相同的。但是在更复杂的建筑物形状的情况下，我不能轻易定义这些边缘，因为它们总是不同的：

那么，这种方法是如何渲染多边形边界的唯一方法吗？如何定义在复杂情况下必须消除哪些边缘？

标签： javascriptthree.js