草庐IT

多边形

全部标签

python - OpenCV - 可视化使用 cv2.approxPolyDP() 提取的多边形曲线

我想可视化用cv2.approxPolyDP()提取的多边形曲线。这是我正在使用的图像:我的代码尝试隔离主岛并定义和绘制等高线近似值和等高线外壳。我绘制了绿色的轮廓,红色的近似值:importnumpyasnpimportcv2#loadimageandshrink-it'smassiveimg=cv2.imread('../data/UK.png')img=cv2.resize(img,None,fx=0.25,fy=0.25,interpolation=cv2.INTER_CUBIC)#getablankcanvasfordrawingcontouronandconvertimgt

python - 在 Shapely 中用两条线切割多边形

我试图用两条线将shapely.geometry.Polygon实例分成两部分。例如,在下面的代码中,polygon是一个环,如果我们用line1和line2切割它,我们应该得到两个部分环,一个带270度,一个带90度。是否有一种干净的方法来做到这一点?fromshapely.geometryimportPoint,LineString,Polygonpolygon=Point(0,0).buffer(2).difference(Point(0,0).buffer(1))line1=LineString([(0,0),(3,3)])line2=LineString([(0,0),(3,

python - 在 python 中绘制填充的多边形

我有两个矩阵Tri和V用于我要绘制的多边形的面(Nx3)和顶点(Mx3)。是否有任何matplotlib(或任何替代)方法可以做到这一点?类似于Matlab命令的东西patch('faces',Tri,'vertices',V,'facecolor','flat','edgecolor','none','facealpha',1) 最佳答案 我不太确定matlab的作用,但您可以使用matplotlib.patches.Polygon绘制多边形.改编自example在文档中:importnumpyasnpimportmatplotl

html - 如何在自定义布局中加入 CSS 六边形元素?

这是我想要实现的布局:我用这个css创建了六边形:.hexagon{width:100px;height:55px;background:red;position:relative;display:inline-block;margin:0.2em;}.hexagon:before{content:"";position:absolute;top:-25px;left:0;width:0;height:0;border-left:50pxsolidtransparent;border-right:50pxsolidtransparent;border-bottom:25pxsolidr

html - 单击透明区域下方的链接(三 Angular 形或多边形链接)

检查以下代码:http://jsfiddle.net/q8Ycztesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest

html - 将 SVG 多边形链接到 anchor

我正在尝试做一些看似相对简单的事情,但经过多次谷歌搜索和修改后,我似乎无法让它发挥作用。我有一个svg多边形,用于将图像剪辑成三Angular形。目前它在一个引导列中,(其中有一个标签)链接到一个anchor。这个问题是div(square)所有链接到anchor。但是,我有一堆这样的三Angular形相邻,所以我需要链接到anchor的区域仅限于多边形剪辑路径内的区域。我试过:将a标签移动到clippath标签内在多边形内移动a标签(作为href)以这种格式为svgxlink:href="#portfolioModal3"制作href我怀疑是第三个选项的某种排列实现了我的目标。我计划

javascript - 在坐标之间绘制多边形,防止相交

JSfiddle我有一个坐标数组,通过在canvas上单击鼠标来填充。varpointsArray=[];此数组是使用点击事件推送edx和y值。pointsArray.push({x:xVal,y:yVal});我迭代点数组并在当前点和之前的点之间画一条线。functiondrawPolygon(points){//checkargumentsfornullvaluesif(!points)returnfalse;vari;for(i=0;idrawLine看起来像这样:functiondrawLine(point1,point2){//checkargumentsfornullval

html - 六边形的响应网格

我从互联网上加载了多张图片到我的网站上。是否可以在响应式网格中为所有这些图像赋予六边形?...我找到了多种方法来做到这一点,但你需要在CSS代码中填写图像src。这对我来说是不可能的,因为网站使用jQuery从互联网加载随机图像,所以我不能使用背景图像。我试过这个:http://jsfiddle.net/8f5m5wv0/ 最佳答案 这是demo和responsivegridofhexagons的存储库。此处的代码未维护。它已移至github并得到改进,因此应进行评论、问题报告和贡献there.此技术使用:标签无序列表:每个六边形都

javascript - 使用 css 和 js 动态创建六边形设计

这个问题在这里已经有了答案:Responsivegridofhexagons(10个答案)关闭7年前。这不是任何副本请帮助我我在这里有一些技巧http://jsfiddle.net/kizu/bhGn4/我想用CSS动态创建它,那么该怎么做呢?每当有任何新条目添加到自动调整的设计中时。我努力搜索,在这里得到了一些关于圆形的帮助Howtocreatecirclesaroundacirclewithcss,javascript?我想要六边形的东西

javascript - HTML Canvas,模糊绘制的多边形

我做了这个(运行下面的片段)varCanvas=document.getElementById('c');varctx=Canvas.getContext('2d');varresize=function(){Canvas.width=Canvas.clientWidth;Canvas.height=Canvas.clientHeight;};window.addEventListener('resize',resize);resize();varelements=[];varpresets={};presets.shard=function(x,y,s,random,color){r