草庐IT

javascript - 使用 JavaScript 更改 SVG 对象的高度和宽度

我想在单击按钮时更改svg对象的高度和宽度。我试过了,但它不起作用:functionmodify(){document.getElementById('circle1').style.height="10px";document.getElementById('circle1').style.width="10px";} 最佳答案 在SVG中宽度和高度为元素是属性而不是CSS属性,因此您需要编写document.getElementById('cercle1').setAttribute("height","10px");宽度也类似

javascript - 将 y 轴显示为百分比?

我正在制作图表,我希望我的y轴刻度标签显示为百分比(而不是小数)。我该怎么做?我当前的代码看起来像yAxis.append("text").attr("class","ticklabel").attr("x",0).attr("y",y).attr("dy",".5em").attr("text-anchor","middle").text(y.tickFormat(5)).attr("font-size","10px")我注意到d3有一个formatspecifier,但我不确定如何将它们与tickFormat结合使用。 最佳答案

javascript - d3.js 图中圆圈的随机颜色

这是jsfiddle的链接http://jsfiddle.net/jaimem/RPGPL/2/现在图形中所有的圆圈都显示为红色。是否有一种方法可以在圆圈上显示随机颜色。这是d3.js代码vardata=[{"count":"202","year":"1590"},{"count":"215","year":"1592"},{"count":"179","year":"1593"},{"count":"199","year":"1594"},{"count":"134","year":"1595"},{"count":"176","year":"1596"},{"count":"172

javascript - 根据 React 中的状态缓存计算值的惯用方法?

React文档说Don'tworryaboutprecomputingvaluesbasedonstate—it'seasiertoensurethatyourUIisconsistentifyoudoallcomputationwithinrender().http://facebook.github.io/react/docs/interactivity-and-dynamic-uis.html当计算量很小时,这非常有意义。但我将大量大型数组存储在this.state中,用于我在SVG上呈现的数据可视化。我必须根据这些计算几个值。问题是这些计算相当繁重,不可能始终在渲染中计算它们。

javascript - 有没有办法使用 Javascript 合并两个路径元素 (svg)?

我使用SVG绘制了两条路径线,并将这些元素保存到我的javascript代码中的两个变量中:“Line1”和“Line2”,我需要将这两条线合并为一个路径元素。有办法吗? 最佳答案 你的路径是相对定义的(小写字母)还是绝对定义的(大写字母)?如果是绝对路径,连接两条路径很简单,只需附加d属性的值即可。如果您有两条这样的路径:然后这段JavaScript代码:varLine1=document.getElementById("Line1");varLine2=document.getElementById("Line2");//Add

javascript - svg、d3、dagre、dagre-d3 和 graphlib 如何相互依赖?

我使用dagre绘制有向图,但我想了解svg、d3、dagre和graphlib如何相互依赖?基本上,一个停止,另一个开始。我将尝试指出我在有限的理解下可以收集到的内容。svg:(是一种基于XML的矢量图像格式,但基本上它)是一个html标签,您可以使用它绘制圆形、椭圆形、矩形等,然后使用g元素对两个或多个形状进行分组并应用转换等。d3:d3是一个javascript库,它基本上允许您将数据与svg结合起来。因此,您不必每次都编写svg标签,您基本上可以使用编程、循环、数据等来创建svg代码。现在谈到dagre,dagre-d3和graphlib是我遇到的问题假设我上面说的一切都有意义

javascript - jQuery attr() 无法设置属性

我正在尝试通过svg的transform旋转图像。这是我的代码:这会在页面加载时成功地将logo.png旋转90度。此外,当我在firbug的HTML选项卡中将90更改为不同的数字时,旋转也会相应地发生变化。但是当我尝试使用jQuery更改值时,没有任何反应:$('#trns').attr('transform','rotate(60,50,50)');firebug做了哪些我的attr行没有做的事情? 最佳答案 在这里工作正常(使用jQuery1.6.2):http://jsfiddle.net/niklasvh/k3Grd/确保

javascript - 在 Bootstrap 弹出窗口中嵌入 SVG

有没有办法在Bootstrap3弹出窗口中嵌入SVG?我可以让HTML在这样的弹出窗口中工作:varmyText='hereissometext'$('#my-element').popover({container:'body',content:myText,placement:'right',html:true})我真正想做的是以编程方式在函数内创建SVG,如下所示:$('#my-element').popover({container:'body',content:function(){//addanewdiv,#my-popover-div,//thenbuildansvghe

javascript - 将 SVGSVGElement 转换为字符串

我到处寻找答案,但找不到将SVGSVGElement转换为字符串的方法。我正在使用Chrome(22)。如果之前有人回答过这个问题,但我无法找到它(在这里或在Google上),我深表歉意。我在HTML页面中嵌入了一个SVG(XML)图像,我正在使用Javascript操作SVG(添加/删除形状等)。我的目标是在内存中获取修改后的SVGXML图像并将其保存到文件中(通过发布到php表单)。post和php表单可以正常工作,但我目前遇到的问题是我无法获得修改后的SVG图像的字符串表示形式。我在下面发布了一个简化的页面,我只是试图从加载的SVG中获取原始XML并将其粘贴到文本区域中。如果您测

javascript - 如何在 OpenLayers-3 上使用 SVG 图像作为图层

如何使用OpenLayers-3将SVG图像用作图层(而不是map标记)在使用任何ol.source.Vector和ol.format.Feature实例时,我无法获得我的SVG图像的任何输出。小例子:varmapLayer=newol.layer.Vector({source:newol.source.Vector({url:'image.svg',format:newol.format.Feature()//http://openlayers.org/en/v3.12.1/apidoc/ol.format.Feature.html}),});我在使用ImageStatic层时能够获