草庐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个选项可以解决此问题。添加一

charts - 可以通过拖动点来编辑图形的图表库?

我正在寻找最好的javascript(但flash也可以)图表库,它能够将时间序列呈现为折线图,然后允许拖动图表中的点以更改基础数据。有人说Excel可以做完全相同的事情,但我需要它在Web上。没有像Highcharts、amCharts、GoogleCharts或dygraphs这样的知名图表库显然可以做到这一点——我发现了一些可拖动的图表解决方案,比如WireIt或http://radokirov.com/js-graph-editor/但这些节点和边类型的图形并不真正可用于图表绘制。你知道这个问题的现成解决方案吗?我不在乎它是开源的还是商业的。 最佳答

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 - 来自 javascript : how to properly authenticate 的 Office 365 图形 API

我不讨厌Oauth,但我讨厌自己无法理解这个概念。话虽如此,这是我的问题:我正在尝试从普通javascript调用OfficeGraphRESTapi。因此,我从在我的SharePointOnline网站上运行的页面向graph.microsoft.com执行常规XMLHttpRequest(因此,当我登录时,代码应该从我的安全上下文运行)。该调用返回403需要身份验证。我假设我必须在AzureAD中注册一个应用程序并且我已经这样做了,所以我有一个客户端ID和一个secret。但是,我找不到以编程方式下一步要做什么(我认为我理解这个概念,我必须获得一个token,我必须在调用Graph

javascript - 在 native react 中绘制 d3 轴

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

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

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

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)

javascript - Google Charts 在第一个图表后停止绘制

我想做什么在一页上显示多个条形图我已经做了什么条形图以前是线形图。作为折线图,我可以毫无问题地在同一页上显示两个图表。我为它们使用了两个单独的drawChart()函数。然后我将图表转换为条形图(Material设计)。现在它只显示一张图表。我已经搜索了答案并找到了这个:HowtoaddtwoGooglechartsontheonepage?我按照这个,但它仍然不起作用。我的代码google.load("visualization","1.1",{packages:["Bar"]});google.setOnLoadCallback(drawChart);functiondrawCha