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 中是内联的，那么您可以传递元素而不是文档。