将 SVG 标记从 HTML 页面保存到 SVG 图像

Question

我有一个应用程序，用户可以通过它使用 SVG (d3) 绘制东西。我想要一个功能，当我单击按钮或链接时，我想将一个名为“main_svg”的 SVG 标记保存到单独文件中的 SVG 图像中，该标记又包含所有其他 SVG 元素。我不想保存完整的页面，只想保存 id 为“main_svg”的 SVG 标记

如何做到这一点？有没有可以做到这一点的插件？任何线索将不胜感激。

我试过了：

1. 将元素保存到文本文件中，然后将其重命名为 .svg，效率不高。

2. Canvg - 但这会转换为 png

Answer 1

如果文件是 HTML 文件，请转到 SVG 标记开始的位置 from to 并仅将这么多部分保存在扩展名为“.svg”的单独文件中，之后您将能够查看浏览器中的文件。