草庐IT

绘制图形工具

全部标签

javascript - 我应该使用哪些 HTML5 Canvas 工具来构建纸牌游戏?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。我想使用HTML5Canvas和JavaScript创建纸牌游戏,我想知道哪些Canvas工具可以让我的生活更轻松。我找到了CreateJS并做了一些笔记:用于简化与HTML5/CSS/JS的复杂交互的库/工具套件EaselJS-HTML5Canvas之上的抽象层SoundJS-HTML5音频抽象层TweenJS-用于动画HTML5和CSS属性的库(很酷的

javascript - D3 绘制数据集的选择性部分

我有一个大型时间序列数据集需要绘制图表,我正在尝试使用D3来完成它。我计划让我的图形的x轴为时间,并允许图形在x方向上移动。我想让图表只加载/显示屏幕上当前时间范围内存在的点。例如,如果我的数据集有1-100次,但图形以显示的时间1-10开始,则图形应该只绘制1-10点。然后用户可能会向右移动并查看时间5-15,图表应相应更新。任何人都可以向我解释如何通过d3完成此操作吗?我很难理解从一次加载并立即绘制整个数据集到选择性地绘制数据子集。 最佳答案 我认为您正在寻找selection.filter()功能。例如你可以有:varallN

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 - 我的 addthis 工具箱 J​​avaScript 小部件在移动设备上不存在

我正在使用Ionicv1并在Chrome(ionic服务)和ViewApp(ionic上传)中进行测试。我将这个脚本包含在我的index.html中并添加了https://github.com/thisissoon/angular-addthis指令。在Chrome或firefox中查看我的ionic应用程序时,一切看起来都很棒。当我按下IonicView时,我的addthis按钮丢失了。在Chrome开发者工具中,任何响应式View或设备看起来都很棒。任何方向在这里都会有所帮助。我如何在IonicView中查看错误消息?为什么addthis.comjs小部件不能在移动设备上运行?TI

javascript - Chrome 开发工具的性能分析结果中的监听器

我一直在使用Chrome开发工具分析React应用程序,我发现Listener数量呈线性增长。看看下面的截图。Listeners为橙色。我将其缩小为在p标签内呈现一个简单的倒计时值。剩余时间每1000毫秒使用setInterval函数生成一次,然后在p标记内进行格式化和渲染。我使用create-react-app创建了一个简单的React应用程序,并修改了App.js的App组件内的代码以每秒更新Date.now()的值,当我运行时分析器,我得到了相同的结果。classAppextendsComponent{state={text:'',};loop(){this.setState({

asp.net - 哪个 JavaScript 或 ASP.NET 图表组件/工具/库适用于此?

[更新]:忘记包含ComponentArt...你好,我目前工作的客户雇用的交互设计师制作了一些模型,现在我的工作是确定实现其中包含的图表的最佳方式。在查看了我知道的选项并能够找到一些简单的Google搜索后,我将范围缩小到使用ComponentArt、DundasCharts或Infragistics,仅仅是因为从我看到的他们的演示中,他们具有某些我认为我需要完成的功能。这是模型中的图片-理想情况下,我需要一款软件来涵盖所有这些:这个图表看起来很简单。请注意年份之间的任意间隔-尚不确定这是否会成为客户的症结所在。我不知道我是否见过这样的图表-它结合了之前的图表和一些额外的数据。这是同

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 - JavaScript 覆盖工具 Istanbul 的输出可以通过 TeamCity 发布吗?

是否可以通过JavaScript覆盖率分析工具以某种方式发布报告Istanbul通过TeamCity?也就是说,我想将这些结果与TeamCity的覆盖率报告工具相结合。 最佳答案 是的。配置构建脚本以生成HTML报告(最好在一个zip存档)。配置构建工件以将报告发布为服务器的构建工件:此时您可以检查存档在构建工件中可用。报告选项卡使报告在构建中作为一个额外的选项卡可用或项目级别。要配置报告选项卡,请转到项目设置|ReportTabs页面,点击Createnewreporttab。提供报告选项卡类型(构建或项目级别)、选项卡标题、工件

javascript - 绘制多条实时线

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