草庐IT

图形识别

全部标签

javascript - Normalizr:通过类型而不是多态映射的模式来识别实体

对于多态模式,例如Union在Normalizr中,对于模式定义和数据:constdata={owner:{id:1,type:'user',name:'Anne'}};constuser=newschema.Entity('users');constgroup=newschema.Entity('groups');constunionSchema=newschema.Union({user:user,group:group},'type');constnormalizedData=normalize(data,{owner:unionSchema});标准化数据采用以下形式:{ent

javascript - d3.js 中的图形方向和节点定位

多亏了这个早question,我在d3.js中使用强制布局生成了一个静态固定布局图,如下所示:我有两个具体问题来进一步自定义布局:首先,我注意到确定性地初始化节点位置(例如,在此处对Angular线完成,请参阅script了解详细信息)固定节点的位置,并且节点的方向似乎取决于此初始化以及尺寸力图*。我想知道如何使上图中的节点A、D、E、F、I水平对齐?换句话说,我想将图形的方向逆时针旋转大约45度。我尝试在中间水平初始化节点:nodes.forEach(function(d,i){d.x=w/size*i;d.y=h/2;});但是生成的输出中所有节点和边都水平放置在它们被初始化的位置

javascript - 识别哪个选项卡发出了请求

这个问题可能没有答案。但是,我想我会试一试。我写了一个很棒的单页应用程序。当应用程序启动时,打开的选项卡会向服务器“注册”自身,服务器会将其存储为“事件”选项卡。如果用户A更改工作区中的XYZ,则任何用户在该工作区上打开的每个选项卡都会收到一条通知,告知XYZ已更改。这会触发客户端重新加载,这将神奇地更新。目前,我正在通过投票来做到这一点。但是,当一切正常时,我可以使用WS或Socket.io之类的东西来使事情变得更快。问题:每个选项卡都会收到通知。甚至是最初引发它的选项卡!(结果,已经更新的屏幕得到更新)我不知何故需要服务器知道发出请求的选项卡的选项卡ID。请记住,用户可能打开了5个

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 - Jest onSpy 不识别 React 组件函数

尽管尝试了一切,但这个让我完全难住了。我正在使用Jest/Enzyme测试React组件。此测试模拟修改元素,然后调用onChange方法。当我运行测试时,我从Jest得到这个:CannotspytheonChangepropertybecauseitisnotafunction;undefinedgiveninstead为什么??以下是组件的关键部分:importReact,{Component}from'react';importEntitiesPulldownfrom'./entities-pulldown'classNewTransactionFormextendsCompon

javascript - 识别由 Flex 中的 FileReference 对象为 PNG 图像编码的数据的性质

我正在尝试将基于Flex的应用程序迁移到JavaScript,并遇到了将PNG图像发送到服务器的文件上传功能。我无权访问服务器代码,所以我试图模仿flex应用程序发出的请求。flex应用程序发送的请求数据如下所示:我使用Filereader.readAsBinaryString()读取PNG的请求数据如下所示:如您所见,flex应用程序进行了一些我无法理解的编码。虽然这两个内容看起来一样,但还是有一些细微的差别,这可以通过每个内容的长度来确认。AS3FileReference文档表明它使用load()function将文件内容转换为ByteArray.有人可以解释他们是如何编码的吗?

javascript - 如何近似Java的Character.isLetterOrDigit()来识别Javascript中的非英文字母、数字?

在Javascript中,是否有一种方法(在国际化后仍然存在)来确定字符是字母还是数字?这将正确地将Ä、ç识别为字母和非英语数字(我不打算将其作为示例查找)!在Java中,Character类有一些静态方法.isLetter()、.isDigit()、.isLetterOrDigit(),用于以国际通用的方式确定字符实际上是字母还是数字。这比像这样的代码要好//thisisnotright,butcommonandeasyif((ch>='A'&&ch='a'&&ch因为它会拾取非英文字母。我认为C#具有类似的功能...当然,在最坏的情况下,我可以将字符串发送回服务器进行检查,但这很痛

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

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

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

javascript - 如何识别网站中的慢速设备?

在为移动设备调整网页时,我总是依赖css媒体查询。最近我不再担心屏幕尺寸,还有很多移动设备的javascript引擎。一些依赖于窗口滚动或快速DOM转换序列的常见javascript效果在慢速设备上效果非常糟糕。有什么方法可以猜测设备性能,以便我可以启用/禁用在慢速设备上看起来很糟糕的元素吗?到目前为止我只能想到不好的解决方案:屏幕尺寸。窄屏幕“可能”意味着设备速度较慢useragentinformation.我可以查看设备、浏览器或CPU,但考虑到要考虑的设备数量,这似乎不是一个稳定的长期解决方案更新:修复了我的问题以专注于一个问题。在评论中有一个很好的解决触摸界面问题的方法。