解析SVG并将其添加到svg元素

我有一个服务，我想动态地将SVG部件添加到ag元素。 这是服务返回的内容：

我试图使用的代码已被多次修改，这对此有影响：

 function parseSVG(s, layer) { var div= $(s); for(var i = 0; i < div.children.length; i++) { layer.append(div.children[i]); } } 

layer是g元素，s是上面的svg。 我能得到的最接近的是在svg_1中一次添加title然后是所有路径元素。

Answer 1

您可以使用DOMParser来解析XML字符串。

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

您的示例中的将是doc.documentElement