如何从外部SVG文件中提取SVG元素并附加到HTML？

Question

This question类似，但是答案无济于事。

目标是加载外部SVG文件（例如https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/android.svg），提取SVG元素，并将其作为内联SVG元素附加到HTML。

您该怎么做？

我们只想使用jQuery，没有其他第三方库。

Answer 1

如果您有这样的svg元素

<svg id="mySvgElement" width="100" height="100"></svg>

然后，您可以获取一个外部svg文件，并将其内容放入您的svg元素中，如下所示：

$.get(externalSvgUrl, function(response){
    var content = $(response).html();
    $("#mySvgElement").html(content);
});