如何从网页输出svg文件？

<svg class="paint" version="1.1" xmlns="http://www.w3.org/2000/svg"> 
    <rect class="svgobject" x="458" y="165.28750610351562" width="142" height="56" fill="black" stroke="black" id="154" transform="translate(0,0)"> 
    </rect> 
</svg>

例如，我有一个网页，其中包含像上面的svg子元素，那么我怎么能建立一个函数，可以提取svg部分，然后保存在本地作为.svg？任何帮助表示赞赏如何从网页输出svg文件？

来源

2017-06-13 Steveeeeee

可能是重复的（文件类型在旁边）：https：//stackoverflow.com/questions/1 1336663/how-to-make-a-browser-display-a-save-as-dialog-so-the-user-can-save-conten –

这似乎做什么你问使用HTML5下载：

<a href='{svg content}' download='test.svg'><svg>...</svg></a>

http://jsfiddle.net/GdCcA/1043/

而且，可能值得检查：

https://github.com/eligrey/FileSaver.js/

来源

2017-06-13 23:03:14 xiience

谢谢，但我的svg内容可以改变，我怎么用第一种方法？ – Steveeeeee

如果您使用类似[mustache.js]（https://github.com/janl/mustache.js/）的东西，则可以使用{{svgText}}替换这两者，然后使用AJAX将它们加载到模板中。我已经使用mustachejs动态地将SVG加载到页面上，但是我从未使用它来处理这种特定的情况。我会看看我是否可以创建一个小提琴。 – xiience

好吧，使用mustache.js，很确定这是你要找的：https://jsfiddle.net/63pfdjed/1/ – xiience

如何从网页输出svg文件？

回答

相关问题