草庐IT

三边形

全部标签

python - 从 Voronoi 镶嵌到形状多边形

我使用scipy从一组点构建了Voronoi曲面分割:fromscipy.spatialimportVoronoivor=Voronoi(points)现在我想构建一个PolygoninShapely来自Voronoi算法创建的区域。问题是Polygon类需要一个逆时针顶点列表。虽然我知道如何orderthesevertices,我无法解决问题,因为通常这是我的结果:(重叠多边形)。这是代码(一个随机示例):deforder_vertices(l):mlat=sum(x[0]forxinl)/len(l)mlng=sum(x[1]forxinl)/len(l)#https://stac

python - 从 Voronoi 单元获取有界多边形坐标

我有一些点(例如,信号塔位置的纬度、经度对),我需要获取它们形成的Voronoi单元的多边形。fromscipy.spatialimportVoronoitower=[[24.686,46.7081],[24.686,46.7081],[24.686,46.7081]]c=Voronoi(towers)现在,我需要获取每个单元格的经纬度坐标中的多边形边界(以及该多边形围绕的质心)。我也需要这个Voronoi有界。这意味着边界不会无限延伸,而是在边界框内。 最佳答案 给定一个矩形边界框,我的第一个想法是在这个边界框和scipy.spa

python - 排序可以连接形成多边形的打乱点(在 python 中)

我有一组点,这些点连接在一起形成二维笛卡尔空间中的多边形。它是元组的python列表形式[(x1,y1),(x2,y2),...,(xn,yn)]问题是将它们连接起来并在图形中形成一个多边形。(我正在使用matplotlib.path)我做了一个函数来做到这一点。它的工作原理如下:它转到第一个点,即(x1,y1)并连接一条线到下一个点,即(x2,y2)和一条从(x2,y2)到(x3,y3)的线,依此类推......直到结束这是(xn,yn)。它通过将(xn,yn)连接到(x1,y1)来闭合多边形。问题是包含这些点的列表不包含正确顺序的点,因此会导致像这样的错误绘图(每个封闭的多边形都会

javascript - 基于网格将多边形拆分为多个多边形(html5 canvas)

我在带有底层网格的Canvas上绘制多边形我现在想把这个多边形分割成多个多边形(基于网格)所以我得到的不是1个多边形,而是4个多边形的坐标。有没有我没有考虑过的简单解决方案?这是我的测试Canvas的代码(codepen)varbw=200;varbh=200;varp=0;varcw=bw+(p*2)+1;varch=bh+(p*2)+1;vargrid=50;varcanvas=document.getElementById("canvas");varcontext=canvas.getContext("2d");functiondrawBoard(){context.beginP

javascript - 基于网格将多边形拆分为多个多边形(html5 canvas)

我在带有底层网格的Canvas上绘制多边形我现在想把这个多边形分割成多个多边形(基于网格)所以我得到的不是1个多边形,而是4个多边形的坐标。有没有我没有考虑过的简单解决方案?这是我的测试Canvas的代码(codepen)varbw=200;varbh=200;varp=0;varcw=bw+(p*2)+1;varch=bh+(p*2)+1;vargrid=50;varcanvas=document.getElementById("canvas");varcontext=canvas.getContext("2d");functiondrawBoard(){context.beginP

html - 非矩形(五边形或六边形)内的文本

我想达到的效果:非常相似的问题:HowcanIwraptextaroundanonrectangularimage?-但反过来(他们想环绕文字,我想将文字保留在里面)Wrappingtextaroundnon-rectangularshapescss/html可能的解决方案:http://www.csstextwrap.com/-有点过时-提到IE6和Netscape,没有提到Chromehttp://baconforme.com/与2015年11月一样-我们能做得更好吗?我设法找到这篇关于CSS形状的文章-http://www.chenhuijing.com/blog/why-you

html - 非矩形(五边形或六边形)内的文本

我想达到的效果:非常相似的问题:HowcanIwraptextaroundanonrectangularimage?-但反过来(他们想环绕文字,我想将文字保留在里面)Wrappingtextaroundnon-rectangularshapescss/html可能的解决方案:http://www.csstextwrap.com/-有点过时-提到IE6和Netscape,没有提到Chromehttp://baconforme.com/与2015年11月一样-我们能做得更好吗?我设法找到这篇关于CSS形状的文章-http://www.chenhuijing.com/blog/why-you

javascript - 使用 Canvas 和 JavaScript 进行多边形表示的图像采样算法?

首先我不习惯处理图像,所以如果我的措辞有问题,请原谅。我希望将一张图像放到HTML5Canvas上,对其进行采样,减少采样,然后主要使用三Angular形和其他一些多边形创建图像的多边形表示,并将该图像绘制到Canvas。但我不知道从哪里开始使用算法来做到这一点。这种算法需要什么样的伪代码?这张图片可以更好地理解最终结果: 最佳答案 我会做以下事情:创建一个由随机放置的点组成的区域。创建Voronoidiagram从点点滴滴。这是我过去为此使用过的一个很好的JavaScript库:https://github.com/gorhill

javascript - 使用 Canvas 和 JavaScript 进行多边形表示的图像采样算法?

首先我不习惯处理图像,所以如果我的措辞有问题,请原谅。我希望将一张图像放到HTML5Canvas上,对其进行采样,减少采样,然后主要使用三Angular形和其他一些多边形创建图像的多边形表示,并将该图像绘制到Canvas。但我不知道从哪里开始使用算法来做到这一点。这种算法需要什么样的伪代码?这张图片可以更好地理解最终结果: 最佳答案 我会做以下事情:创建一个由随机放置的点组成的区域。创建Voronoidiagram从点点滴滴。这是我过去为此使用过的一个很好的JavaScript库:https://github.com/gorhill

html - 在 CSS 中缩进偶数行六边形

我目前有一个六边形(图像)列表,当浏览器宽度减小时,我会换行到下一行。然而,当发生这种情况时,它们会形成偶数条线,如第一张图片所示,每条线都从x轴上的同一点开始。HereistheJSFiddle(虽然,六边形不能正确流动,因为它们不是图像)。真正的代码是:...CSS是:.container{padding-top:80px;width:50%;margin-left:auto;margin-right:auto;}.containerspan{line-height:129px;display:inline-block;}.container.hex{display:block;m