Как извлечь SVG-элемент из внешнего SVG-файла и добавить в HTML?

Question

Этот вопрос похож, но ответ не помогает.

Цель состоит в том, чтобы загрузить внешний файл SVG (например, https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/android.svg), извлечь элемент SVG и добавить его в HTML как встроенный элемент SVG.

Как вы можете это сделать?

Мы хотим использовать только 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);
});