Добавить svg из файла в D3

Question

У меня есть контейнер SVG, и я хочу добавить изображение из файла SVG.

Что я знаю, это метод с тегом изображения, но я больше не буду редактировать содержимое SVG этого изображения. Я искал более яваскрипт способа и использовать функцию .xml из D3:

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.