如何将 HTML 页面的 SVG 元素复制到可下载的文本文件中？答案

【问题标题】：How to copy an SVG element of a HTML page into downloadable text file?如何将 HTML 页面的 SVG 元素复制到可下载的文本文件中？
【发布时间】：2020-12-10 10:23:31
【问题描述】：

我使用 Javascript 从头开始将 SVG 元素构建到 HTML 页面中。请注意，SVG 元素仅包含文本，其字体来自服务器，使用 CSS 文件上的“@font-face”声明。到目前为止，还好。现在我想将 SVG 元素复制到一个文本文件 (myFile.svg) 中，该文件可以从一个按钮下载。我发现了很多这样做的技巧，但不是一个真正有用的技巧。我看起来很糟糕吗？

【问题讨论】：

标签： javascript html svg text

【解决方案1】：

打开名为 myFile.svg 的新文本文件，然后将您的 svg 代码传递给它。并保存。例子

<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8802  6.02104Z" fill="#656565"/>
</svg>

【讨论】：