有没有一种巧妙的方法从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中是内联的，那么你可以传递元素而不是文档。