如何通過JS獲取嵌入式SVG文檔的文本？

Question

我認為這很容易......我想要的是innerHTML ，但對於SVG。 （jQuery chokes on $("svg").html() 。）

Answer 1

我似乎記得SVG文件不過是XML。 如果是這樣的話可能會起作用：

$.ajax({
    type: "GET",
    url: "your/svg/file.svg",
    dataType: "xml",
    success: function(svg) {
        var mySvgText = $(this).find("svg").text();
        // do something with svg text
    }
});​

這是在黑暗中的一點點，所以有人請糾正我，如果我錯了。

Answer 2

您可以使用innerSVG填充程序來獲得此功能，它是使用XMLSerializer和DOMParser實現的。 適用於所有當前支持svg的瀏覽器。

Answer 3

我最終使用的解決方案：

var svg = $("svg:first").clone();
svg = $('<div />').append(svg);
svg = svg.html();