草庐IT

opencv绘制多边形

全部标签

javascript - 将弱简单多边形拆分为真正的简单多边形或多边形

我想将弱简单多边形划分为简单多边形。背景用例是使用JavascriptClipper来简化已简化(联合)的多边形。.JavascriptClipper以及originalClipper'sSimplifyPolygon()函数去除自相交并合并公共(public)边,但它不能产生真正的简单多边形。输出用于three.js,其中有TriangulateShapes()这需要多边形很简单。Three.js接受具有一个轮廓和零个或多个孔的多边形结构。输入,弱简单多边形弱简单多边形不能有连续重复顶点(真正的重复点),也不能有孔(岛)或自相交(边与其他边交叉),但可以有非连续多顶点(顶点恰好具有相

Javascript 库 - 如何绘制家谱组织图或流程图?

我正在寻找一个简单的Javascript库(svg?),它允许我绘制家谱关系。我在谷歌上搜索了很多,发现了很多有趣的库,比如Raphaël及其扩展Dracula。Google也有自己的库来制作流程图。不幸的是,每个库都用单行在节点之间建立关系。如果A和B与C有关系,我将获得2行:一条从A到C,一条从B到C。我需要的是一条从A到B的线(我们称之为AB)和一条从AB到C的线来代表A和B的婚姻。示例(来源:example-image):谢谢。 最佳答案 我遇到了同样的问题。这是我发现的:http://astuteo.com/slickma

javascript - React 传单绘制 - 缺少标记图标和拖动处理程序

我正在使用Reactleafletdraw来绘制多边形和圆形。但是当我选择编辑多边形时,没有用于移动和调整大小的拖动处理程序。如果有人遇到同样的问题,如何解决?这是代码this.handleAreaSelection(event)}boxZoom={false}ref={map=>{this.map=map}}center={this.props.center}zoom={this.props.zoom}minZoom={this.props.minZoom}maxZoom={this.props.maxZoom}attributionControl={false}doubleClic

javascript - 在 HTML canvas 上一条接一条地绘制连续的线条

我正在尝试为上述问题编写代码。我试着找到解决办法。这是我目前拥有的。varcanvas=document.getElementById('canvas');varcontext=canvas.getContext('2d');vardrawColorLine=function(start,end,color){vardeltaX,deltaY,i=0,currLength=0,isHor,isVert;deltaX=end[0]-start[0];deltaY=end[1]-start[1];context.strokeStyle=color;isHor=deltaX===0?0:1;

javascript - 将字节转换为图像以在 HTML5 Canvas 上绘制

有人知道我如何将通过websocket(从C#应用程序)发送的字节转换为图像吗?然后我想在Canvas上绘制图像。我可以看到两种方法:以某种方式在Canvas上以字节形式绘制图像而不进行转换它。然后在javascript中以某种方式将字节转换为base64字符串画画。这是我接收绘图字节的函数:functiondraw(imgData){varimg=newImage();img.onload=function(){cxt.drawImage(img,0,0,canvas.width,canvas.height);};//WhatIwasusingbefore...img.src="da

javascript - ChartJs 折线图在悬停时重新绘制故障

我有以下代码利用ChartJS库。/*assumethetagsintherightplace*/varctx=$("#graph1").get(0).getContext("2d");varmyChart=newChart(ctx).Line(graph1Generator("day"));...一切正常,但在添加以下事件处理程序以使用不同数据清除和重新绘制相同图表后,出现故障。weekButton.addEventListener("click",function(){ctx.clearRect(0,0,300,300);ctx.canvas.width=300;ctx.canva

javascript - 在隐藏元素中绘制 OpenLayers 3 map

我正在编写一个页面,您可以在其中查看有关区域和map的详细信息。详细信息在一个选项卡上,map在另一个选项卡上。HTML的相关部分如下,类来自Bootstrap.DetailsMap图block层来自OSM,矢量图层通过提供KML文件的URL加载。它使用OpenLayers3.0.0执行此操作如下:functionShowMap(){vararea=$('#AreaCode').val();$('#map-container').empty();if(area!=null&&area!=''){varkmlUrl='/kml?code='+area;vartile=newol.laye

javascript - 使用谷歌地图绘制不规则同心圆

我有点问题。我正在尝试使用Javascript和GoogleMapsAPIv2执行以下操作:我可以使用在Internet上找到的公式很好地绘制单个圆圈。我面临的问题是圈子必须:一个。保持同心,并且B.每个“象限”必须有不同的半径,即NE、NW、SE和SW我几乎在Internet上搜索了所有我能想到的地方,但没有想出如何做到这一点。显然以前有人这样做过,因此我为什么要在程序员论坛上提问。:)谢谢!更新:我已经使用以下代码绘制出我认为每个点的坐标。对于下图:这是使用以下JS获得的:http://gist.github.com/181290注意:此javascript来自(稍作修改)以下站点

javascript - 检查多边形点是否在传单中的另一个内

我从传单geoJSONmap中选择了两组多边形坐标。父子坐标是坐标是:varparentCoordinates=[[32.05898221582174,-28.31004731142091],[32.05898221582174,-28.308044824292978],[32.06134255975485,-28.308044824292978],[32.06134255975485,-28.31004731142091],[32.05898221582174,-28.31004731142091]]varchildCoordinates=[[32.059904895722866,-

javascript - 是否有用于绘制电路图的 Javascript 库?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion我正在寻找一个可以在现代(HTML5)浏览器中绘制电气/电子电路图的开源Javascript库-有这样的东西吗?它应该具有典型的电路元件,如电阻器、电压和电流源、电容器等。在此先感谢您的帮助。