javascript - D3 - 添加原始符号

Question

我有一个 D3 代码。

我想“按原样”添加一个 svg 符号!到 D3 svg。

我不想使用 D3 动态创建符号，我已经由我们的设计器制作了符号，我想按原样使用它!

这是我的jsfiddle:https://jsfiddle.net/omriman12/8786e8zq/1/

在 fiddle 中，我有 d3 容器 pie_chart_wrapper，我想将符号 md_file 添加到 d3 svg

Answer 1

只需将之前定义的符号添加到您的 SVG 中即可:

svg.append("g")
   .attr("transform","translate(0,0)")
   .attr("class","mySymbol")
   .append("use")
   .attr("xlink:href","#md_file")

Here the working code

追加use后，您可以调整它们的属性，如下所示:

svg.append("g")
   .attr("transform","translate(0,0)")
   .attr("class","mySymbol")
   .append("use")
   .attr("width",20)
   .attr("heigth", 20)
   .style("fill", "red")
       .
       .
       .
   .attr("xlink:href","#md_file")