草庐IT

php - 用 GD 绘制图形

全部标签

javascript - d3.js 缩放仅在光标位于图形像素上时有效

我正在尝试以最简单、最基本的方式在树状图上实现缩放功能,并且已经让它发挥作用。唯一的问题是缩放事件仅在光标位于边缘、节点或文本上时有效。当光标位于svg的任何部分时,如何允许缩放?varmargin={top:20,right:120,bottom:20,left:120},width=2000-margin.right-margin.left,height=2000-margin.top-margin.bottom;varx=d3.scale.linear().domain([0,width]).range([0,width]);vary=d3.scale.linear().doma

javascript - 是否有与 PHP 的 include 等效的 Node.js,以便包含的代码可以访问父文件的变量?

我想将我的Node应用程序拆分成几个单独的文件,以使其更加模块化且更易于维护。但是由于无法像PHP等其他语言那样将文件直接“包含”到当前解析的文件中,因此我的“模块”或“单独文件”不会自动访问脚本中定义的变量“需要”他们。我该怎么做?我正在考虑在我的单独文件中做这样的事情:module.exports=function(stuff){//Inowhaveaccessto'stuff'.}但是有点麻烦。我确定有人已经在我之前解决了这个问题,所以...您有什么建议? 最佳答案 跨模块共享变量的最简单方法是将变量分配给全局命名空间对象。声

javascript 从缓冲区将图像绘制到 html (nodejs/socket.io)

(对不起我的英语)嗨,我有一个用nodejs创建的应用程序,用于将图像数据推送到网页中。使用socket.io将nodejs服务器的数据推送到网页此数据为完整图像,我尝试写入光盘以查看图像并且很好。数据被放入缓冲区以base64编码然后发送到网页,我尝试使用'data:image/png;base64,'+数据但什么也没发生……数据似乎是“完整的”,包括PNG图像的标题。服务器使用thrift与另一个客户端(在C++中)通信,该客户端创建图像并发送到nodejs-thrift服务器,当接收到图像时,nodejs-socket.io服务器推送到网页。一些代码:服务器端varhttp=re

javascript - 通过在它们周围徒手绘制来选择 SVG 元素

我正在做一个项目,我想在一些SVG元素周围画一条线,以便选择区域内的对象。这是我现在的截图。我已经使用Paint添加了线条,以便完全清楚我想要实现的目标。我想选择绘制的圆圈内的两个rect。我看到了一些必须解决的步骤:在mousedown处创建一个path元素并记录鼠标移动直到mouseup关闭路径,以防用户没有画圆查找完全或部分在圆圈内的svg元素您看到了哪些方法,您对如何着手有什么建议吗?我正在使用D3.js.这slide(作者MikeBostock,D3的创建者)可能值得一看。 最佳答案 我会执行以下步骤:获取手绘形式的aab

javascript - 绘制多条实时线

我想使用JSON文件绘制多条实时线。我基本上是从网站检索JSON文件,获取时间数据(以秒为单位的持续时间),将它们转换为分钟并将它们推送到数据数组中。此代码每秒检查一次JSON文件。我想添加尽可能多的行。例如,我想添加数据数组中元素的平均值(平均持续时间)并将其绘制在同一平面上。我试图添加另一个“线”和“路径”变量,但我无法同时绘制它。数据数组是一个空数组,开头有44个元素,每次代码检查JSON文件时,它都会用检索到的持续时间数据替换这些零。这是我只画一条线的代码。functiongraph(){varn=43,duration=1000,now=newDate(Date.now()-

javascript - 如何在 Leaflet map 上打印/显示/绘制 MultiPolygon GeoJSON

我正在尝试在Leafletmap中显示GeoJSONMultiPolygon对象。我从PostgreSQL数据库中以JSON格式获取它,然后将其转换为GeoJSON。我已经在GeoJSONLint中验证了deMultiPolygon对象没关系:但我无法在我的应用程序中完成此操作=(这是我的代码:$http.get(URI_SERVICE+"buscar-clase/"+JSON.stringify(params)).success(function(data){console.log(L.multiPolygon(data.coordinates).toGeoJSON());adaLa

javascript - ChartJs Canvas 在更改图形类型时显示以前的图形

我遇到了一个独特的事件,当用户从下拉列表中进行选择时,如果您在Canvas上扫描,图表会发生变化,那么之前的图表会像幽灵一样出现在背景中。我知道你可以使用graph.destroy()之类的东西,但我不确定这是否合适以及将它放在哪里。更新图表的代码varctx=document.getElementById("myChart").getContext("2d");ctx.canvas.width=600;ctx.canvas.height=200;functionupdateChart(){//ctx.canvas.destroy();vardetermineChart=$("#cha

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/但这些节点和边类型的图形并不真正可用于图表绘制。你知道这个问题的现成解决方案吗?我不在乎它是开源的还是商业的。 最佳答