草庐IT

绘制图形工具

全部标签

javascript - Chrome 开发工具 : save custom geolocation in Dev Tools Presets

我在Chrome上使用开发者工具来测试我的javascript应用程序。但是,您是否知道在Chrome开发工具(Mac上为ALT+MAJ+I)>控制台>更多(...)>传感器>地理定位中更改和保存地理位置预设?感谢您的帮助。 最佳答案 唉,截至2017年6月,此功能尚未实现。但是有一个针对这个确切功能的功能请求=>https://bugs.chromium.org/p/chromium/issues/detail?id=649657获得所需内容的最佳方法是:使用Google帐户登录。访问featurerequestlink.点击问题

javascript - 如何在D3中旋转图形?

任务是用d3旋转图形,类似PowerPoint的方式:得到thisexample,试图实现相同的行为。无法理解,错误在哪里-人物在摇晃,没有按照应有的方式旋转。functiondragPointRotate(rotateHandleStartPos){rotateHandleStartPos.x+=d3.event.dx;rotateHandleStartPos.y+=d3.event.dy;constupdatedRotateCoordinates=r//calculatesthedifferencebetweenthecurrentmousepositionandthecenter

javascript - mxGraph 可以将图形导出为 PDF 吗?

我正在从事一个使用mxGraph的项目,我需要为服务流程图导出PDF格式的高分辨率输出。我已经尝试使用JGraphX、JavaSwing客户端重新创建图形并将其导出为PDF,但结果与浏览器显示的结果并不接近。客户端没有JavaScript中的PDF导出,mxGraph是否明确支持从JavaScript生成PDF? 最佳答案 我将解释客户端发起请求的情况,当发出请求时,图表会显示在浏览器上。这是标准情况,mxGraph使用自定义图形原语传输图形的XML表示,这些图形在服务器上接收并由Java或.NET后端解码。需要显示图表的原因是某些

javascript - 许多节点的图形算法

我一直在尝试开发一个基于Web的应用程序来帮助绘制节点及其交互的图形。我尝试将Sigma.Js与ForceAtlas扩展一起使用。对于我的简单测试(几个节点),结果非常好看,但是如果增加了1000个节点,结果就会变得一团糟。有没有这样的方法可以使结果更易于查看?(在眼睛上更容易/不仅仅是1个大Blob)我将如何去做呢?是否已经编写了任何算法(我可以实现?) 最佳答案 您可以尝试Fruchterman-Reingold力布局(有一个sigmaplugin)。它特别减少了相互交叉的链接数量,因此它通常更适合大型图(除非所有节点都有很多连

javascript - 如何在 chrome 开发者工具中重放一个 fetch

在chrome开发者工具中,对于xhr请求(网络选项卡)“重放xhr”非常有用。我已经开始使用fetch在我的代码中,chrome开发人员工具不允许“重播”获取请求,怎么可能?我做错了什么吗? 最佳答案 嗯,好像还不支持。这真是令人失望,因为“重播”太有用了,不能停止使用它。所以我听从了@wOxxOm的建议,我刚刚创建了一个promise的标准xhr版本:https://github.com/max-favilli/helper-xhr 关于javascript-如何在chrome开发者

javascript - 改变 firebugx.js 以适应 IE 开发者工具

firebugx.js文件(如下所示)同时检查!window.console和!console.firebug,它可以正确检测是否安装了firebug。但是,该检查不适应IE开发人员工具中的native控制台对象——它会覆盖IE控制台对象。例如,如果我包含firebugx.js代码,那么以下异常将不会出现在IE控制台中(它会被吞掉):functionfoo(){try{throw"exception!!!";}catch(e){console.error(e);}}问题:容纳IE开发人员调试器的最佳方法是什么?也许显而易见的答案是在IE中调试时简单地注释掉firebugx.js检查。还

javascript - 如何使 Twitter Bootstrap 工具提示易于访问?

如您所知,无法访问TwitterBootstrap工具提示(即屏幕阅读器无法阅读它们)。要做到这一点,应该做以下事情:调用tooltip()函数,生成的文本元素(包含工具提示文本的元素)应该添加一个新属性:aria-hidden="true".原始元素(tooltip()被调用)应该添加一个属性:aria-describedby="#",其中tooltip-id指的是上面刚刚创建的新元素的id。由于Javascript当前的工作方式是使用.tooltip选择所有元素类并应用tooltip()它的功能,我想知道如何在不修改tooltip()的源代码的情况下做到这一点功能。下面是一个按钮的

javascript - Angular UI 工具提示溢出屏幕

我有一个带有状态通知的工具提示(http://angular-ui.github.io/bootstrap/),但是当此通知过大时,它会溢出屏幕限制。这是正在发生的事情的打印:我在angularui中找不到任何处理这个问题的属性。提前致谢! 最佳答案 此解决方案不使用Angular-UI,仅使用Angular和Bootstrap。Bootstrap不是必须的,只是稍微简化了这个过程:http://plnkr.co/edit/jLThSTrLUapAG8OLW44m?p=preview在我继续之前,这个例子的替代方法是添加一个带有wo

javascript - Canvas drawImage 不在 Cordova 中绘制,安全问题?

我想在Cordova应用程序中将图像绘制到Canvas上。当图片路径在www内时我的应用程序的目录,绘图按预期工作。但是,如果图像是由Cordova相机制作的,因此存储在../../tmp中。关于www目录,drawImage(...)产生黑色图片。这可能是一个安全问题,因为可以在www中找到该应用程序的源代码。目录,但图像不是。另一方面,标签可以毫无问题地显示这些图像。问题真的是安全问题吗?我能做些什么来解决它,即不产生黑色图片? 最佳答案 在尝试了无数次之后:问题很简单,我想使用drawImage()的图像分辨率太高了。降低分辨

javascript - 尝试制作一个 for 循环来绘制 SVG

我刚开始学习SVG,想创建一个for循环来在我的HTML中绘制许多圆圈。是否可以按照我尝试的方式完成,或者我尝试做的是不可能的?MyfirstSVGforloopvarcirclex=50;varcircley=50;for(vari=0;i}; 最佳答案 那么近又那么远你不能将html代码直接放入JavaScript中(那会很酷)JavaScript添加新元素的方式是通过DOM操作。那么让我们看一下代码:首先创建一个带有xmlns的空SVG文档(只需设置xmlns="http://www.w3.org/2000/svg",它在99