如何從網頁輸出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文件？

回答

相關問題