可下载图形 - 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元素？

回答

相关问题