草庐IT

多边形绘制

全部标签

javascript - 通过一组 N 个点绘制一条曲线,其中 N>2

我需要使用Javascript通过N>2的N个点平滑地绘制一条曲线。我目前在html5Canvas对象中使用bezierCurveTo()。我投入了大量时间来寻找实现此目的的最佳方法,虽然Catmull-RomSplines听起来很有前途,但我不知道有什么方法可以将它们绘制成线条。因此,我只剩下Poly-lineBézier曲线,需要找到所有中间控制点。我花了很多时间重新学习数学,但我有一个部分可用的例子here。这条线有时不是特别平滑,而且我的控制点对于某些矢量是关闭的问题。Here是我最初的math.stackexchange问题,我要求它获得控制点的大部分数学。我也愿意使用Cat

javascript - 在 bootstrap 选项卡问题中绘制图表

我正在尝试在bootstrap选项卡中使用flotchart,尽管javascript没有正确绘制图表,但它的绘制扭曲了,文本太靠近图表了。.在选项卡之外,图表工作正常。我试过使用css,但我发现的唯一解决方案是在选择选项卡之前不将选项卡样式(display:none)设置为默认值,例如:我尝试在用于图表的选项卡上设置display:block,图表绘制得很好,但在其他选项卡选择上Canvas不会消失。解决方案。我提醒一下,这是Bootstrap默认选项卡中的图表错误。它被绘制扭曲的原因是因为图表无法在隐藏的div(display:none)中正确绘制。有3个选项可以解决此问题。添加一

javascript - 在 d3.js 中有 child 朝向多边的树(类似于家谱)

vartreeData=[{"name":"Device","parent":"null"}];vartreeData2=[{"name":"Device","parent":"null"}];$(document).ready(function(){varmargin={top:20,right:120,bottom:20,left:120},width=1260-margin.right-margin.left,height=500-margin.top-margin.bottom;vari=0,duration=750,root;vartree=d3.layout.tree().

javascript - 使用传单js绘制多边形

我正在尝试使用leafletjs绘制多边形。但我面临的问题是,当尺寸增加时,它无法绘制多边形。当我也尝试使用谷歌地图时,同样的事情发生了。我最多可以绘制21个多边形。请大家给我一个解决方案 最佳答案 你可以试试Leaflet.draw插件https://github.com/Leaflet/Leaflet.draw/http://leafletjs.com/2013/02/20/guest-post-draw.html 关于javascript-使用传单js绘制多边形,我们在StackO

javascript - 在 native react 中绘制 d3 轴

我想用axis=d3.axisLeft(scale)在Shape组件中如果未设置渲染上下文,d3-shape中的形状组件返回路径是很常见的,React-Native中就是这种情况有可能以某种方式获得对react节点上下文的访问权限吗?路径不是一个可行的选择,因为轴将是一组项目,而不是路径 最佳答案 我一直在研究这个——我的理解是不可能一起使用d3轴和react-nativeARTShapes。您可以将d3-shape与ARTShapes一起使用,因为d3-shape函数返回由ARTShape解释的字符串。这些字符串在这里得到了很好的

javascript - 将散列模式应用于 openlayers 中的多边形

我正在使用Openlayers创建一个由来自KML文件的多边形组成的矢量图层,我需要对多边形应用“散列”模式(对Angular线条纹)。我知道Openlayers本身不支持将背景图像添加到矢量图层中的多边形,但我想知道是否有人对如何实现这一点有任何想法?矢量多边形的样式似乎仅限于纯色和不透明度。如果需要,我将通过在多边形边界内手动绘制散列线来扩展OpenLayers以添加此功能,但我希望在我走这条路之前有人能提供更简单的建议。 最佳答案 现在可以使用SLD完成此操作。不确定它是在2.11版还是主干开发中,但我看到了additionw

javascript - 在 ZingChart 上绘制形状作为值

我有一个要求,我的数据值是二维对象,我必须在图表中绘制(散点图):在这张图表上,我有两个值(红色和绿色),每个值都由一个坐标为(x1,y1)-(x2-y2)的矩形组成。您知道如何使用ZingChart库实现这一点吗?有可能吗?如果没有,您知道我可以用来实现此功能的替代javascript库吗?谢谢! 最佳答案 我是ZingChart团队的一员,很乐意为您提供帮助。这当然可以使用类型为“poly”的标记对象。在标记对象的points数组中,您需要指定矩形的所有四个点,它们看起来像这样:[[x1,y1],[x1,y2],[x2,y2],

javascript - 获取多边形的边界框

我有许多复杂的多边形,有些有750多个点。有没有一种快速有效的方法来获取边界框?我不想遍历每个点并扩展边界框..解决方案应该在javascript或者可能有一个我错过的GoogleMapsAPIv3函数。或者我应该硬编码边界框的坐标并使用它们来减少客户端的负载吗?如何制作多边形://Coordinatesvarcoordinates=[newgoogle.maps.LatLng(11,22),newgoogle.maps.LatLng(11,22),newgoogle.maps.LatLng(11,22),//etcupto200,500oreven800points]//Option

javascript - 使用 Google Maps API 绘制 map 路径/航路点并播放路线

我正在尝试在播放映射路线时绘制已访问的路径,如以下示例所示:加载map时,我希望绘制的点A、B、C、D、E和F一个接一个地连接起来。我已经成功地绘制了这些点,但是我不能一个接一个地动态链接这些点。这是我的代码:varmarkers=[{"title":'Alibaug',"lat":'12.97721863',"lng":'80.22206879',"description":'AlibaugisacoastaltownandamunicipalcouncilinRaigadDistrictintheKonkanregionofMaharashtra,India.'},{"title"

javascript - 使用 raphael.js 绘制直线的正确方法是什么?

我在使用raphael.js绘制简单网格时遇到问题。我正在使用paper.path(),我的路径字符串看起来一切正常:但不知何故这被渲染了:这是我用来渲染这个“网格”的代码//verticallinesfor(varx=(this._offset.x%cellSize);x(在这种情况下,cellSize=50,并且this._offset={x:0,y:0}) 最佳答案 问题是您假设l采用绝对坐标,但它实际上采用相对坐标。当你写:M500l50600你认为这意味着从(50,0)到(50,600)写一行但它实际上意味着从(50,0)