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

Posted 2023-03-05

【中文标题】将 SVG 标记从 HTML 页面保存到 SVG 图像

【英文标题】：Save SVG tag from a HTML page to a SVG image

【发布时间】：2016-12-01 13:17:05

【问题描述】：

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

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

我试过了：

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

Canvg - 但这会转换为 png

【问题讨论】：

你试过什么？

编辑提及我尝试过的事情

Save inline SVG as JPEG/PNG/SVG的可能重复

【参考方案1】：

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