javascript - SVG ドキュメントからすべての要素を抽出し、それらを html テキスト ボックスに配置する適切な方法はありますか?

Question

ユーザーが SVG ドキュメントを手動で編集できるようにしようとしています。

DOM を使用して SVG ドキュメントからすべての要素を抽出し、テキスト ボックスに配置する簡単な方法はありますか? innerHTML を使用しようとしましたが、うまくいきませんでした (SVG では使用できません)。

JavaScript 内に、埋め込まれた SVG ドキュメントからすべての SVG 要素を抽出し、それらを文字列として保存する方法はありますか? 避けられるならjQueryやプラグインは使いたくない..

私の言い回しで申し訳ありませんが、私の英語はとても下手です。

Answer 1

これを行うために使用できますXMLSerializer。

var str = new XMLSerializer().serializeToString(svgDocument);

<object>svg を参照するタグがある場合、svgDocument変数は次のように設定する必要がありますyourObjectElm.contentDocument。svg が html でインラインの場合、ドキュメントの代わりに要素を渡すことができます。