如何在包含D3JS树的文件中插入SVG标签

如何解决如何在包含D3JS树的文件中插入SVG标签

我设法创建了一个包含D3JS树形布局的SVG文件，但是，文件中的数据包含在标签而不是标签中。使用以下代码：

// This event is used to download SVG document
   $('#download-SVG').click(function() {
    var dl = document.createElement('a');
    document.body.appendChild(dl); // This line makes it work in Firefox.
    dl.setAttribute("href",svgDataURL(svg.node())); // svgDataURL expects a node
    dl.setAttribute("download","test.svg");
    dl.click();
   });

function svgDataURL(svg) {
    var svgAsXML = (new XMLSerializer).serializeToString(svg);
    console.log(svgAsXML);
    var dataURL = "data:image/svg+xml," + encodeURIComponent(svgAsXML);
    return dataURL;
   }

如果我用

样本SVG文件：

<g xmlns="http://www.w3.org/2000/svg" transform="translate(700,25)scale(.7,.7)"><path stroke="#ccc" fill="none" stroke-width="2px" d="M352.5,555C352.5,645 22.5,735"/><path stroke="#ccc" fill="none" stroke-width="2px" d="M352.5,645 132.5,735"/><path stroke="#ccc" .... transform="translate(632.5,720)"><rect width="100" height="30" style="stroke: rgb(0,0); stroke-width: 1; fill: rgb(255,255,255);"/><text x="50" y="15" dy=".35em" text-anchor="middle" style="fill-opacity: 1;">فاطمة</text></g><g class="node" transform="translate(522.5,720)"><rect width="100" height="30" ..... x="85px" y="-22px" width="24px" height="24px"/></g></g>

我已经阅读了一些文章，我应该使用createElementNS而不是createElement，但是如果这样做，代码就会中断。在创建文件时如何插入SVG标签的任何见解。我不想稍后解析文件，并用