javascript - 如何通过 JS 获取嵌入的 SVG 文档的文本？

Question

我认为这真的很容易......我想要的是相当于innerHTML, 但对于 SVG。（jQuery 窒息$("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 shim 来获得此功能，它是使用 XMLSerializer 和 DOMParser 实现的。在所有当前支持 svg 的浏览器中都能正常工作。

Answer 3

我最终使用的解决方案：

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