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

Question

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

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

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

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

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

Answer 1

您可以使用 XMLSerializer在非 IE 浏览器中。以下函数将在所有主流浏览器中序列化 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 "";
}