可从网页导出的SVG

Question

如何在html页面中直接从浏览器下载svg而无需往返服务器？

我希望用户能够按下按钮，页面中的svg元素将本地保存在用户的计算机上，就像“下载为”功能一样。

我该如何做到这一点？ PS：请忍受我：我今天有点迟缓。谢谢！

Answer 1

你可以使用一个数据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将在新窗口中打开并可以保存。当然，点击链接后，不会弹出对话框，但用户必须手动保存文件。我不确定这是否可以进一步自动化。