草庐IT

绘制图形

全部标签

javascript - 如何确定浏览器何时完成插入元素的绘制?

我有一个网页正在注入(inject)通过AJAX传送的HTML。先验我不知道内容的大小,但我需要根据内容的大小在页面上定位内容。这是一个不起作用的简单方法:将父容器的不透明度设置为0。将内容插入DOM。测量尺寸,例如$el.outerWidth(true)。根据这些尺寸定位内容。将父容器的不透明度(背面)设置为1.0。这种方法的问题在于内容非常复杂并且包含图像。调用outerWidth()时,浏览器尚未完成重新绘制屏幕,​​因此返回的尺寸不准确。(有趣的是,在我的例子中,初始尺寸总是明显大于最终值,而不是我预期的0。)我可以通过在第2步和第3步之间设置一个计时器来减少这个问题,但是无论

Centos7安装图形化界面并使用Windows远程桌面连接(包含离线部署)

一、在centos7中部署远程桌面所使用的程序1、关闭防火墙和selinux(xrdp是通过3389端口远程桌面连接)[root@localhost~]#systemctlstopfirewalld#临时关闭防火墙[root@localhost~]#systemctldisablefirewalld.service#永久关闭防火墙[root@localhost~]#setenforce0#临时关闭selinux[root@localhost~]#sed-i's/enforcing/disabled/g'/etc/selinux/config#永久关闭selinux2、查看可用环境分组是否有Se

javascript - 有什么方法可以将 c3.js 生成的图形转换为 png,并在客户端将 Png 转换为 Pdf

我想在客户端生成一个PDF文件,其中包含来自JSON对象的图表和其他表格数据。以下是Javascript数据绑定(bind)部分:BindReportToPdf:function(data){//dataisjsonobjectvarrows=data;varcolumns=[{title:"S.No",key:"RowNum"},{title:"Title",key:"TTitle"},{title:"PhoneNumber",key:"PhoneNumber"},{title:"Loc.Name",key:"LocationName"},{title:"Dept.Name",key

javascript - D3 使用新元素更新图形会创建带有错误节点的边

我的代码创建了一个图表并在每个节点上创建了一个轴心点,如果您双击它们,它将获取更多与该节点关联的数据,并有望创建新的链接。现在这是我遇到的问题:我点击了最外面的一个节点,但由于某种原因,新链接被附加到第一个节点(蓝色节点)。知道为什么会这样吗?functiondraw_graph(graph){varcolor=d3.scaleOrdinal(d3.schemeCategory20);varsvg=d3.select("svg"),width=+svg.attr("width"),height=+svg.attr("height"),node,link;svg.append('defs

javascript - 通过 javascript API 保存和恢复 Tableau 图形的当前 View 状态

问题:如何通过javascript-API存储并稍后检索TableauView的自定义状态?描述:我在一个网站上工作,我们目前允许任何用户将一组TableauView协作到类似PowerPoint的在线演示中供以后使用。在我们当前的实现中,Tableau图表的状态未被存储,因此用户每次都必须在按住演示文稿的同时应用他或她所需的过滤器、选择工作表等。这是我们现在想要避免的。最简单的解决方案是存储和检索通过底部栏界面访问的“共享”链接之一;这些链接包含当前View的状态,但到目前为止,我们无法做到这一点:首先,由于域问题,我们不能简单地从嵌入代码iframe中获取共享链接;其次,API方法

Javascript 库 - 如何绘制家谱组织图或流程图?

我正在寻找一个简单的Javascript库(svg?),它允许我绘制家谱关系。我在谷歌上搜索了很多,发现了很多有趣的库,比如Raphaël及其扩展Dracula。Google也有自己的库来制作流程图。不幸的是,每个库都用单行在节点之间建立关系。如果A和B与C有关系,我将获得2行:一条从A到C,一条从B到C。我需要的是一条从A到B的线(我们称之为AB)和一条从AB到C的线来代表A和B的婚姻。示例(来源:example-image):谢谢。 最佳答案 我遇到了同样的问题。这是我发现的:http://astuteo.com/slickma

javascript - React 传单绘制 - 缺少标记图标和拖动处理程序

我正在使用Reactleafletdraw来绘制多边形和圆形。但是当我选择编辑多边形时,没有用于移动和调整大小的拖动处理程序。如果有人遇到同样的问题,如何解决?这是代码this.handleAreaSelection(event)}boxZoom={false}ref={map=>{this.map=map}}center={this.props.center}zoom={this.props.zoom}minZoom={this.props.minZoom}maxZoom={this.props.maxZoom}attributionControl={false}doubleClic

javascript - javascript中的图形马尔可夫链

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭9年前。Improvethisquestion我有一个马尔可夫链,我想用javascript以图形方式表示。我需要表示节点、链接和转移概率。也许类似于这两个图表之一:找到一个好的图片库(比如Raphael)不是问题。对我来说,问题是找到一种方法来确保节点布局合理,在其他节点或线前面

javascript - 在 HTML canvas 上一条接一条地绘制连续的线条

我正在尝试为上述问题编写代码。我试着找到解决办法。这是我目前拥有的。varcanvas=document.getElementById('canvas');varcontext=canvas.getContext('2d');vardrawColorLine=function(start,end,color){vardeltaX,deltaY,i=0,currLength=0,isHor,isVert;deltaX=end[0]-start[0];deltaY=end[1]-start[1];context.strokeStyle=color;isHor=deltaX===0?0:1;

javascript - 将字节转换为图像以在 HTML5 Canvas 上绘制

有人知道我如何将通过websocket(从C#应用程序)发送的字节转换为图像吗?然后我想在Canvas上绘制图像。我可以看到两种方法:以某种方式在Canvas上以字节形式绘制图像而不进行转换它。然后在javascript中以某种方式将字节转换为base64字符串画画。这是我接收绘图字节的函数:functiondraw(imgData){varimg=newImage();img.onload=function(){cxt.drawImage(img,0,0,canvas.width,canvas.height);};//WhatIwasusingbefore...img.src="da