如何使用D3.js指定自定义XML / SVG命名空间？ [英] How can I specify a custom XML/SVG namespace with D3.js?

问题描述

我想在SVG中定义我自己的命名空间，这样我可以使用自己的标签和属性。如果我了解正确，SVG应如下所示：

I am trying to define my own namespace inside a SVG so I can use my own tags and attributes. If I understand correctly, the SVG should look like this:

<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：试图以一种不正确的方式创建或更改对象关于命名空间

The code above results in: NamespaceError: An attempt was made to create or change an object in a way which is incorrect with regard to namespaces

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

What would be the correct way to add namespace to SVG using D3.js?

推荐答案

您只需设置 d3.ns.prefix

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

然后使用它：

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

这篇关于如何使用D3.js指定自定义XML / SVG命名空间？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！