如何在d3版本4中添加SVG作为image+xml？

文章/答案/技术大牛

发布

1回答

javascript、d3.js、svg

我有一个svg，里面有对象，可以作为xml读出。我无法在版本4中使用d3.xml函数，因此在读取svg中的对象时遇到问题。目前，我已经像这样添加了svg： .attr("width", width) .attr("xlink:href&q

浏览 21提问于2018-02-19得票数 1

回答已采纳

1回答

HTML、画布和SVG之间是否有任何兼容性，或者它们是完全独立的？

javascript、svg、d3.js、canvas

但我也使用一些D3的强制自然结构布局，在那里我没有绝对的定位，就像我对康威生活和MOLFILE的绘图。我需要将MOLFILE绘图与基于D3力的布局结合起来。另外，昨天我检查了是否可以使用画布记录器来记录从基于D3的布局中获得的动画SVG。我发现的唯一代码似乎是将SVG绘图复制到画布中，然后使用画布媒体记录功能。很奇怪。我的问题是: SVG和画布不应该在某种程度上兼容吗？浏览器不是最终使用相同的底层2D图形引擎来支持SVG和画布吗？怎么能把两者混为一谈？D3</e

浏览 8提问于2021-03-16得票数 0

回答已采纳

1回答

使用svg图像作为mapbox GL JS的映射层

javascript、svg、mapbox

如何使用SVG图像作为mapbox的基础地图？var svgUrl = 'image.svg',L.imageOverlay(svgUrl , imageBounds).addTo(map);var svgUrl = 'image.svg',

浏览 17提问于2020-09-16得票数 1

1回答

链接的JS调用及其在scala.js中的应用

scala.js

我刚从Scala.js开始，并尝试使用一个简单的d3.js语句：为了获得一个最小的工作版本，我克隆了scala.js教程，将d3.js添加到index-Quickopt.html中，并在ScalaJSExample.scala中添加了以下代码(借用自)： (0, $g["d3"]["

浏览 2提问于2015-05-06得票数 1

回答已采纳

1回答

鼠标在SVG和RevealJS中的位置

javascript、svg、reveal.js

我正在用RevealJS创建一个演示文稿，并希望结合一些用D3创建的交互式SVG可视化。我以前做过很多次，没有困难，但这次我遇到了一些困难。经过一些调试之后，我已经将问题跟踪到以下几个方面:由于某种原因，当整个事件包装在RevealJS中时，不正确地报告与SVG相关的鼠标位置。我最初的代码版本使用了一种标准的D3技术来获取鼠标位置。不过，为了简化和隔离问题，我消除了D3，现在使用普通Javascript获取鼠标位置，如中所详细描述的那样。我的代码(作为</em

浏览 2提问于2017-12-23得票数 9

回答已采纳

1回答

D3图角指令信息盒对齐

javascript、angularjs、d3.js、svg

我有一个旧版本的图表：这两个版本的图形都是用D3制作的，但在新版本中，图形是在自定义的角度指令中生成的。var svg = d3.select(element[0])

浏览 2提问于2016-03-08得票数 0

回答已采纳

4回答

javascript、d3.js、webpack、zooming

(d3, interpolate);"dependencies": { "@fortawesome/free-brands-svg-icons": "^5.15.1", "@fortawesome/pro-light-svg-

浏览 0提问于2020-11-20得票数 0

5回答

我可以使用d3.js在android应用程序中创建交互式可视化效果吗？

android、web-applications、visualization、d3.js

根据我的研究，d3.js似乎非常适合需求，但我不确定如何在移动环境中使用它。

浏览 2提问于2012-05-15得票数 21

回答已采纳

2回答

如何使用d3.js将外部组添加到已有的svg？

javascript、d3.js、svg

假设我用d3.js创建了一个svg，如下所示： svg = d3.select('.svgContainer').append("svg") })) .append("g"); 现在，我想向其中添加不同的组(动态地和来自不同的文件)。> 我知道，我可以像这样添加整个svg (假设文件名为test.svg</e

浏览 37提问于2019-08-30得票数 2

回答已采纳

3回答

如何在D3中使用svg文件作为图像源

svg、d3.js

这里有一个问题：<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.2/DTD/svg11.dtd"> &

浏览 4提问于2012-10-19得票数 11

1回答

d3js星图-响应式图例

javascript、d3.js、svg

我正在做一个d3.js图表--这个当前的模型创建了一个图例片段作为g元素。如果容器中没有足够的空间，我想确保下面的图例堆栈。我有一个老功能-如果图表中没有足够的空间，图例堆叠在下面-类似响应式设计-我曾经创建2个svg部件，但显然在d3中它应该只有1个svg - 看看图表是否可以在不同大小下更动态-我想我必须在半径上添加一个也许这是一个在svg本身上添加转换以添加填充的情况 var arcchart = chart.append("g&quo

浏览 1提问于2017-10-10得票数 0

2回答

D3.js -在"svg:rect“中的"svg:”是必须的吗？

javascript、svg、d3.js

例如：如果我放弃"svg:“呢？它似乎没有"svg:“的作用。有什么潜在的问题吗？" svg :“是一个d3特定的东西，还是在使用svg元素时通常是必需的？

浏览 2提问于2014-09-02得票数 2

回答已采纳

1回答

SVG控件在Leaflet.js顶部不可见

javascript、leaflet

我使用的是传单0.7.1，并希望使用iD在顶部绘制一个径向菜单(如openstreetmap的d3编辑器)。我发现的一些示例使用传单的overlayPane将svg元素追加到：在mouseclick上，我添加菜单并将其重新定位到屏幕xy同弦： c

浏览 8提问于2013-12-19得票数 0

点击加载更多