Html 可从网页导出的SVG

如何使

html

页面中的

svg

可以直接从浏览器下载，而无需往返服务器

我希望用户能够按下按钮，页面中的

svg

元素将本地保存在用户的计算机上，就像“下载为”功能一样

我怎样才能做到这一点

---

PS：请容忍我：我今天有点慢。谢谢

您可以使用数据URI，可能是这样的：

<a target="_blank" href="data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg'><circle r='30'/></svg>">Click here</a>

SVG将在新窗口中打开并可以保存。当然，单击链接后，不会弹出任何对话框，但用户必须手动保存文件。我不确定这是否可以进一步自动化