在D3中放置外部加载的svg

我已经使用d3将外部svg图像加载到了可视化文件中:

var foo = d3.xml("foo.svg", "image/svg+xml", function(xml) {
  document.body.appendChild(xml.documentElement);
})

我似乎无法弄清的一件事是如何定位此SVG。例如,我正在尝试执行以下操作:

foo.attr("x", 10)
   .attr("y", 10)

这是行不通的。如何使用D3操纵外部加载的SVG文件的位置?

安第斯山脉

确保foo是d3选择,因为attr是d3选择的方法,而不是SVG DOM元素的方法。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在bootstrap 3中的popover中放置表单?

来自分类Dev

在工具提示中显示D3 SVG

来自分类Dev

在d3中访问SVG路径长度

来自分类Dev

在d3中获取所选svg元素的类

来自分类Dev

在D3中选择并移动导入的SVG文件

来自分类Dev

在div中居中放置svg和文本

来自分类Dev

如何在D3中移动SVG的位置?

来自分类Dev

在d3中附加多个外部svg并将其与数据绑定

来自分类Dev

在PhantomJS中返回d3 SVG HTML

来自分类Dev

d3 SVG中的Angular指令

来自分类Dev

通过dbuezas在D3 Pie中添加外部数据

来自分类Dev

SVG外部的d3轴渲染

来自分类Dev

等待d3加载

来自分类Dev

将JSON数据加载到D3中的数组

来自分类Dev

缩放到使用D3外部加载SVG边界路径箱

来自分类Dev

在d3中的变量中使用SVG属性

来自分类Dev

在D3中加载CSV文件

来自分类Dev

在div中居中放置svg和文本

来自分类Dev

在d3中附加多个外部svg并将其与数据绑定

来自分类Dev

d3:缩放圆包装中的svg图像

来自分类Dev

D3 / SVG。如何将子级svg元素放置在其父级的范围之外?

来自分类Dev

使用d3修改HTML中的SVG

来自分类Dev

D3:如何附加预加载的svg?

来自分类Dev

D3 SVG中的选择

来自分类Dev

如何在 div 中放置 D3 工具提示?

来自分类Dev

文本未显示在 D3 SVG 中

来自分类Dev

在 d3.json 中放置一个链接

来自分类Dev

更新 svg 和 d3 中的路径样式

来自分类Dev

来自外部 js 文件的 D3 SVG