从 XML DOM 对象中获取完整的 XML 源

Question

用于在浏览器内呈现漂亮的交互式图表的“Highcharts”库具有导出功能，该功能将其内部使用的 SVG 发送到某个服务器端应用程序，该应用程序对其进行光栅化并将生成的 PNG、JPEG 或 PDF 返回以供下载。

我的问题是，可以在浏览器中显示的背景图像和符号在 Highcharts 导出之前被丢弃，但我想要它们。

所以我注释掉了删除所有 SVG 标签等的所有内容（顺便说一句，他们正在使用正则表达式来清理内部使用的 SVG...）。

但他们对这些 标签使用了一些非标准属性，并且它们的坐标以不同的方式映射到图像，因此我必须重新计算并丢弃属性。

所以我使用 DOMParser 解析了他们的 SVG 并做了我应该做的事情，机器人现在我正在寻找一种优雅（或简单）的方法来获取原始 xml - 我已经看到在 Internet Explorer 中可以获取原始 xml使用 DOM 文档对象的 xml 属性 - 对于所有其他浏览器是否有等效的东西？我现在正在搜索很长一段时间，但找不到任何真正有用的东西。谢谢 ：）

Answer 1

您可以在非 IE 浏览器中使用 XMLSerializer。以下函数将在所有主要浏览器中序列化 XML 节点：

function serializeXmlNode(xmlNode) {
    if (typeof window.XMLSerializer != "undefined") {
        return (new window.XMLSerializer()).serializeToString(xmlNode);
    } else if (typeof xmlNode.xml != "undefined") {
        return xmlNode.xml;
    }
    return "";
}