草庐IT

绘制图形

全部标签

javascript - 如何在谷歌地图上绘制数百万个点?

我有数百万个点要在来自数组的谷歌地图上绘制。我在看circlesexample但是,问题是圆圈是……圆圈。有没有什么方法可以画出像Canvas一样的圆圈,所以我在上面画多少点并不重要? 最佳答案 我认为答案是否定的。标记太多了。根据下表(摘自geek.com),您将看到一个只有标记且没有map的屏幕,即使每个标记只有1个像素,但事实并非如此。 关于javascript-如何在谷歌地图上绘制数百万个点?,我们在StackOverflow上找到一个类似的问题: h

javascript - open layers 3 如何以编程方式绘制多边形?

如何以编程方式使用开放层3绘制多边形?我有一个json数组坐标:[{"lng":106.972534,"lat":-6.147714},{"lng":106.972519,"lat":-6.133398},{"lng":106.972496,"lat":-6.105892}]现在我想使用开放图层在map上绘制它。怎么做? 最佳答案 您需要使用ol.geom.Polygon构造函数。该构造函数需要一个环数组,每个环都是一个坐标数组。在您的情况下,这就是您创建多边形的方式(假设您的lnglat对数组名为a)://Aringmustbec

javascript - 你如何在 Safari 中的 <canvas> 标签上绘制文本

我一直在尝试使用用于绘制简单图表的标签,到目前为止,它非常容易使用。我想到一个问题。我不知道如何在上绘制文本在Safari中。在Firefox3.0中,我可以这样做:Chart.prototype.drawTextCentered=function(context,text,x,y,font,color){if(context.mozDrawText){context.save();context.fillStyle=color;context.mozTextStyle=font;x-=0.5*context.mozMeasureText(text);context.translate

javascript amCharts 图形项点击事件

在amChartsflashchart有一个事件名称clickGraphItem,它作为单击图形项工作,在获取此事件后,我们可以对图形项单击执行任何操作。我在javascriptamCharts中需要相同的功能.那么是否可以在javascriptamCharts中实现clickGraphItem呢?请提供解决方案。任何源代码将不胜感激。 最佳答案 您可以通过以下方式将事件处理程序添加到AMChartsJavascript库//addclicklistenerchart.addListener("clickGraphItem",han

javascript - 使用 raphaeljs javascript 图形库清除容器的最简单方法

我必须清除并重绘raphaeljavascript主容器。我试过varpaper=Raphael(10,50,320,200);paper.remove();//Doesn'tworkpaper.node.removeNode();//thisneitherpaper.removeNode();//thisneither有什么想法吗? 最佳答案 当您创建一篇论文时,它会创建一个DOM对象。你可以访问它paper.canvas当您创建一个新的Raphael对象时,您就创建了一个新的DOM对象并保留了原来的对象!考虑到所有事情,这是最好

javascript - 在 map 上以米为单位绘制半径指定的圆

任何关于如何使用D3在地理map上绘制以米为单位的半径圆的指示都会非常有帮助。我尝试使用Leaflet,它是接受以米为单位的半径的Circle(或CircleMarker),但我需要更大的灵active来处理我的数据。D3似乎很有帮助,但我不确定如何在map顶部绘制给定半径的圆,这样圆覆盖与给定半径对应的区域(并适应缩放和投影变化)。 最佳答案 您可以使用最新版本的Leaflet以米为单位传递这些半径。半径将根据缩放级别而变化。这里有更多信息来自Leaflet'sdocumentationL.circle([lat,lng],rad

javascript - D3.js 从单独的文件中绘制多个数据集

我正在尝试使用来自两个tsv文件的两组数据绘制散点图。但是,每个都以单一刻度共享x轴。有两个y轴,每个轴都有自己的刻度。我现在拥有的图表将在视觉上有所帮助。问题是,第二个数据集(橙色)仅部分绘制在a轴上约15,000处的污点处。它真的应该是一条更大的线。此外,当我运行它时,有时会呈现第二个数据集,而现在会呈现第一个数据集。不知道为什么会这样..这是两个(可能)相关的代码块://1stdatasetd3.tsv("datatest4.tsv",function(error,tsv1){tsv1.forEach(function(d){d.altit=+d.altit;d.tmp=+d.t

图形的 Javascript 库(在数学意义上)

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭6年前。Improvethisquestion是否有用于图形和网络表示的重要Javascript库,具有通用算法、优化等?我在想象类似C++lemonlibrary的东西,具有图搜索、最短路径、最大流等。Google一片空白,因为结果中充满了图形和图表绘制库。

javascript - 绘制到 HTML 5 Canvas 的最快方法是什么?

我正在研究仅使用HTML的Canvas作为显示媒体制作游戏的可能性。以我需要完成的示例任务为例,我需要从多个等距图block构建游戏环境。当然,在2D中工作意味着它们必须采用矩形包装,因此图block之间有很大的重叠。我已经足够大了,这个问题的自然解决方案是调用BitBltMasked。哦等等,不,HTMLCanvas没有像BitBlt这样简单和令人愉悦的东西。似乎将像素数据转储到Canvas中的唯一方法是使用没有忽略alphachannel的有用绘图模式的drawImage()或使用在数组中具有图像数据的ImageData对象。使用权。是。界限。检查。和。所以。狗。慢。好吧,这与其说

javascript - 在 D3 中绘制多边形数据的正确格式

我试过这些不同的方法,但似乎没有任何效果。这是我目前拥有的:varvis=d3.select("#chart").append("svg").attr("width",1000).attr("height",667),scaleX=d3.scale.linear().domain([-30,30]).range([0,600]),scaleY=d3.scale.linear().domain([0,50]).range([500,0]),poly=[{"x":0,"y":25},{"x":8.5,"y":23.4},{"x":13.0,"y":21.0},{"x":19.0,"y":1