如何通过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垫片来获得此功能，它是使用XMLSerializer和DOMParser实现的。适用于所有当前支持svg的浏览器。

Answer 3

我最终使用的解决方案：

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