是否有一种简洁的方法可以从SVG文档中提取所有元素并将它们放入html文本框中?

Is there a neat way to extract all elements from an SVG doc and place them in a html text box?

本文关键字：提取 元素 文本 html 文档 一种 简洁 SVG 方法 是否      更新时间：2023-09-26

我试图让用户能够手动编辑SVG文档。

是否有一种直接的方式来使用DOM从SVG文档中提取所有元素并将其放在文本框中?我试图使用innerHTML，但没有工作(不可用于SVG)。

JavaScript中是否有一种方法可以从嵌入的SVG文档中提取所有SVG元素并将其存储为字符串?我不想使用jQuery或插件，如果我可以避免它..

对不起我的措辞，我的英语很差。

您可以使用XMLSerializer来完成此操作。

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

如果您有一个引用svg的<object>标记，您的svgDocument变量应该设置为yourObjectElm.contentDocument之类的东西。如果svg内联在html中，则可以传递元素而不是文档。

相关文章：