草庐IT

绘制多边形

全部标签

javascript - 在 d3 arc javascript 中绘制文本

我在http://jsfiddle.net/PRb93/1/上用d3创建了一个弧varvis=d3.select("body").append("svg")varpi=Math.PI;vararc=d3.svg.arc().innerRadius(300).outerRadius(320).startAngle(0*(pi/180)).endAngle(-pi)vis.append("path").attr("d",arc).attr("transform","translate(350,350)")​现在我想在这个圆弧的顶部绘制文本(我将把这个圆弧分布到n个节点中)。我不能直接使用和

javascript - 使用 JSON 绘制谷歌图表

如果它是一个单独的JSON文件,我如何检索和使用谷歌图表的数据集?我尝试了jQuerygetJSON但无法正常工作。GoogleViz应该使用JSON来绘制条形图有原生的googleAPI方式吗?或者我能找到一种使用jQuery的方法吗?如何使用?谢谢//LoadtheVisualizationAPIandthepiechartpackage.google.load('visualization','1.0',{'packages':['corechart']});//SetacallbacktorunwhentheGoogleVisualizationAPIisloaded.goog

javascript - 动态调整和拖动 SVG 多边形

我正在努力寻找一种方法来使用鼠标动态调整和拖动svg多边形的大小。不幸的是,jQueryUi不适用于svg元素。我还检查了Raphael库,但找不到任何关于如何实现这一点的文档/片段。除了使用SVG之外,还有其他方法可以动态调整和拖动多边形图形吗? 最佳答案 您可以自己使用SVG元素。特别是,您可以找到多边形的点并添加可使用jQuery拖动的HTML元素句柄。(我假设您遇到的问题是jQueryUI不适用于SVG定位模型。)这是我刚刚编写的完整示例(在Safari5和Firefox9中测试)。(免责声明:我不是jQuery的普通用户;

javascript - 缩放多边形使边匹配

我正在使用JavaScriptCanvas处理一个项目,需要能够将光标捕捉到距多边形一定距离的位置。我已经可以捕捉到多边形本身,但我需要将光标移得更远。据我所知,最好的方法是缩放多边形并捕捉到它,但是当我缩放多边形时,旧多边形的边缘和新多边形的边缘之间的距离不会t总是匹配。这里是问题的一个例子:编辑:灰色代表原始多边形,红色是我正常缩放多边形时得到的结果,绿色是我想要完成的我已经尝试过将多边形平移到原点并乘以比例因子,但似乎无法按特定距离缩放每条边。 最佳答案 我做了一个jsFiddle对于给定的多边形,计算出一个我希望能满足您要求

javascript - 如何使用 leaflet.draw 从多边形获取区域字符串

我正在尝试获取多边形的面积测量值,以便我可以将它们列在map一侧的表格中,紧挨着多边形的名称。这是我尝试过但没有成功的方法:$("#polygon").on("click",function(){createPolygon=newL.Draw.Polygon(map,drawControl.options.polygon);createPolygon.enable();}varpolygon=newL.featureGroup();map.on('draw:created',function(e){vartype=e.layerType,layer=e.layer;if(type===

javascript - 使用 Google map api V3 ASP.net 绘制多条不同颜色的多段线

我可以在谷歌地图中绘制多条折线并设置它们的样式,但我想用不同的颜色为每条折线着色。目前,我有这段代码:varDrivePath=[newgoogle.maps.LatLng(37.772323,-122.214897),newgoogle.maps.LatLng(21.291982,-157.821856),newgoogle.maps.LatLng(-18.142599,178.431),newgoogle.maps.LatLng(-27.46758,153.027892),newgoogle.maps.LatLng(12.97918167,77.6449),newgoogle.ma

javascript - 在 Leaflet LayerGroup 中查找特定图层,其中图层是多边形

我正在尝试像这样定义一堆Leaflet多边形:varpoly=newL.Polygon([[10.1840229,36.8906981],[10.1840393,36.8906669],[10.1840989,36.8906868],[10.1840826,36.890718],[10.1840229,36.8906981]],{'id':'someId'});然后我将这些多边形分组到一个GroupLayer中:vargroup=newL.LayerGroup([poly1,poly2,...,polyn]);group.addTo(map);我可以使用group.getLayer()

javascript - 计算多边形面积

所以我在javascript中得到了这个代码来计算来自网络的不规则多边形面积。functionpolygonArea(X,Y,numPoints){area=0;//Accumulatesareaintheloopj=numPoints-1;//Thelastvertexisthe'previous'onetothefirstfor(i=0;i结果似乎是正确的。如果顺时针方向追踪顶点,它将显示正结果,但如果我逆时针方向追踪顶点,它将变为负数。为什么会这样?这个算法是如何工作的?我真的很想知道它背后的数学解释是什么,因为我仍然很难理解网上的解释。 最佳答案

javascript - 使用 nvd3 仅绘制分组的多条字符

我使用nvd3库绘制了一个multibarChart,它工作得很好,但它给了我两个单选按钮来选择我想要堆叠条形图还是分组条形图。我可以禁用它并让它只显示分组的条形图吗?这是javascript代码:nv.addGraph(function(){varchart=nv.models.multiBarChart();chart.xAxis.tickFormat(d3.format(',f'));chart.yAxis.tickFormat(d3.format(',.1f'));varx=data();d3.select('#chartsvg').datum(data()).transiti

javascript - 如何检测可编辑多边形何时被修改?

如何检测可编辑多边形何时被修改(移动点、添加点、删除点)或拖动?GoogleMapsAPI文档仅列出鼠标eventsforPolygons. 最佳答案 Polygons由路径组成,这些路径只是MVCArrays(在这种情况下,它们是LatLng对象的列表)。MVCArrays有三个事件:insert_at、remove_at和set_at。我们可以使用这些事件来检测多边形点的变化。还有drageventsforpolygons:dragstart、drag和dragend。如果您想知道刚刚拖动了一个形状,最好听取dragend。总而