從D3中的文件追加svg

Question

我有一個SVG容器，我想附加一個SVG文件中的圖像。

我所知道的是圖像標記的方法，但我不會能再修改此圖片的SVG內容。 我尋找了更多的JavaScript方式，並使用了D3的.xml函數：

d3.xml("/svg/test.svg", "image/svg+xml", function(xml) {
    document.getElementById("mysvg").appendChild(xml.documentElement);
});

這可以按預期工作（將整個svg文件追加到現有的svg容器中）。 現在我的標簽中有標簽了，這是一個問題嗎？ 是否有附加整個SVG文件作為其真正來源，而不僅僅是一個鏈接任何其他的解決辦法？ 之后，我真的需要編輯svg（設置顏色和stuf）。

請幫我：）

Answer 1

將SVG嵌入mysvg元素中可能不是問題。 取決於那個元素是什么。 但是，如果要替換它，則應執行以下操作：

var mysvg = document.getElementById("mysvg");
mysvg.parentNode.replaceChild(xml.documentElement, mysvg);

您可能必須將documentElement轉換為DOMnode。