Как вставить встроенное SVG-изображение в другой SVG

Question

У меня есть код SVG, созданный с помощью векторной программы, которая должна быть включена через javascript в другие файлы SVG. Я хочу иметь код в самом файле javascript. Так есть ли что-нибудь в API SVG DOM, где я могу напрямую передать SVG-код вместо использования таких методов, как «createElementNS»?

Answer 1

DomParser API позволит вам превратить XML-строку в объекты. Например.

var parser = new DOMParser(); 
var doc = parser.parseFromString(stringContainingXMLSource, "image/svg+xml"); 

Затем вы можете использовать doc.documentElement для получения корневого элемента проанализированных данных. Если вы хотите вставить это в свой документ в качестве ребенка из существующего элемента, то

element.appendChild(document.importNode(doc.documentElement, true)); 

должен сделать трюк.

Обратите внимание, что корневому элементу stringContainingXMLSource потребуется атрибут SVG xmlns, например. xmlns="http://www.w3.org/2000/svg"