是否有JavaScript-y方式为Canvas元素提供可下载的链接?如何SVG图形?如果你还包含一个服务器端脚本(不是首选的,但如果这是唯一的方法......)呢?可下载图形 - SVG vs Canvas元素?
0
A
回答
1
我从来没有尝试过这种方式,但是在我看来,您可能可以使用data URL来完成此操作。理论上你会使用JS来生成所需的图像像素数据,然后将其插入链接的href
。不知道这会工作。数据URL的
例子:
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
0
location.href = document.getElementById('canvas').toDataURL()
1
我会建议你通过数据作为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调用来获取图像。
相关问题
- 1. SVG/VML vs Canvas vs HTML - Mobile
- 2. html5 canvas元素和svg
- 3. HTML5图形SVG,canvas和CSS
- 4. Canvas vs SVG for graph-like diagrams?
- 5. 在svg-canvas中定位转换后的SVG元素
- 6. 下载Raphael canvas作为SVG或PDF
- 7. SVG/Canvas vs Flash for FloorPlanner应用程序
- 8. 允许SVG图形在包含svg元素之外溢出
- 9. 如何在canvas元素更改后打印canvas元素?
- 10. JavaFX canvas元素id(通过CSS设计canvas元素)
- 11. jquery canvas下载
- 12. 嵌套CANVAS元素
- 13. SVG OPTION元素
- 14. 锁元素的SVG元素
- 15. Angular with SVG图形
- 16. 删除一个svg形状元素
- 17. Highcharts下载带图案的图形作为svg
- 18. SVG图像vs SVG嵌入
- 19. 将HTML5 canvas元素作为带有Javascript文件扩展名的图像下载
- 20. Javafx canvas vs pane
- 21. 获取HTML5 canvas元素
- 22. Svg文本元素被另一个svg元素重叠
- 23. Google Swiffy方法可以导出SVG形状而不是Canvas?
- 24. Animation SVG or Canvas?
- 25. html5 - canvas元素 - 多个图层
- 26. firefox svg canvas drawImage error
- 27. 可以从Canvas构造函数创建HTML5 Canvas元素
- 28. 下载图JOINTJS图片| SVG ==>使用Javascript的PNG
- 29. 嵌入svg导致下载图像?
- 30. 图片元素不占用SVG中的全矩形 - jquery
那么在链接中,它指向的东西将是一个画布元素或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