可下載圖形 - SVG vs Canvas元素？

是否有JavaScript-y方式爲Canvas元素提供可下載的鏈接？如何SVG圖形？如果你還包含一個服務器端腳本（不是首選的，但如果這是唯一的方法......）呢？可下載圖形 - SVG vs Canvas元素？

2011-06-05 Geoff

那麼在鏈接中，它指向的東西將是一個畫布元素或SVG圖形？你能否詳細介紹一下，因爲這很模糊。此外，爲什麼不只是JavaScript d/l的JavaScript片段，將繪製圖形？ – 2011-06-05 21:01:47

我想知道是否有辦法爲png/gif/jpg格式提供SVG和Canvases的「下載圖像」鏈接。 Znarkus回答了Canvas方面的問題。對於由SVG元素組成的圖形怎麼樣？ – Geoff 2011-06-06 00:05:29

我從來沒有嘗試過這種方式，但是在我看來，您可能可以使用data URL來完成此操作。理論上你會使用JS來生成所需的圖像像素數據，然後將其插入鏈接的href。不知道這會工作。數據URL的

例子：

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA 
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO 
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />

來源

2011-06-05 21:10:19 Znarkus

location.href = document.getElementById('canvas').toDataURL()

來源

2011-06-05 21:29:50 Eric

我會建議你通過數據作爲POST方法，你會很快遇到的尺寸限制的URL，通過使用Znarkus的做法。

但是對於SVG，您可以使用API，如Batik（http://xmlgraphics.apache.org/batik/）。有關如何做到這一點的例子，你可以遵循以下建議：

http://www.ehow.com/how_4764609_convert-svg-file-png-format.html

但是，這POST是你最好的選擇也，這將是一個Ajax調用來獲取圖像。

來源

2011-06-06 00:14:47

可下載圖形 - SVG vs Canvas元素？

回答

相關問題