文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用D3.js指定自定义的XML/SVG命名空间？

问如何使用D3.js指定自定义的XML/SVG命名空间？
EN

Stack Overflow用户

提问于 2013-11-28 11:16:21

回答 1查看 2.3K关注 0票数 1

我试图在SVG中定义自己的命名空间，以便使用自己的标记和属性。如果我理解正确无误，SVG应该如下所示：

<svg xmlns:myns="http://www.example.com/whatever/">
  <g myns:mycustomattr="123">
    ...

我正在通过D3添加根SVG元素，但是使用attr向其添加命名空间失败：

var svg = d3.select("#container")
  .append("svg")
    .attr('xmlns:myns', 'http://www.example.com/whatever/')

上面的代码导致: NamespaceError:试图以与名称空间有关的不正确的方式创建或更改对象。

使用D3.js向SVG添加命名空间的正确方法是什么？

回答已采纳

发布于 2013-11-28 11:41:01

你刚刚设置了d3.ns.prefix

d3.ns.prefix.myns = "http://www.example.com/whatever/";

然后使用它：

var svg = d3.select("#container")
  .append("svg")
    .attr('myns:someAttribute', 'some value');

票数 5

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20264697

复制

相似问题

问如何使用D3.js指定自定义的XML/SVG命名空间？EN