XML DOMオブジェクトから完全なXMLソースを取得する

Question

ブラウザ内に素晴らしいインタラクティブなチャートを表示するための "Highcharts"ライブラリは、内部的に使用されるSVGをラスタライズするサーバー側のアプリケーションに送信し、 PNG、JPEGまたはPDFをダウンロードして戻すことができます。

私の問題は、ブラウザ内で表示できる背景イメージとシンボルがHighchartsでエクスポートする前に破棄されていることですが、それらを必要とします。

SVG <image>タグなどをすべて削除してコメントアウトしました（彼らは、内部的に使用されているSVGを浄化するために正規表現を使用しています...）。

しかし、これらの<image>タグには標準ではない属性がいくつか使用されており、その座標は画像とは別にマップされているため、物事を再計算して属性を捨てる必要があります。

DOMParserを使用してSVGを解析して、私がやっているはずのことをしました。今では、生のxmlを得るためのエレガントな（またはシンプルな）方法を探しています。 DOMドキュメントオブジェクトのxml属性を使用して未加工の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 ""; 
}