首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

[Web Chart系列之6] canvas Chart 导出图文件

2013-03-22 
[Web Chart系列之六] canvas Chart 导出图文件介绍使用SVG绘制的图形可以导出为svg 式的文件,使用浏览器等

[Web Chart系列之六] canvas Chart 导出图文件

介绍

使用SVG绘制的图形可以导出为svg 格式的文件,使用浏览器等可以查看。

是否可以导出为png, gif 格式的文件呢? 当然是可以。

只是在 web 直接创建和操作文件是不建议的,而且存在各浏览器兼容的问题, 比如IE使用ActiveX来创建新文件。

正确的做法,是在web server 端传送文件到web 端, 不过对于web chart 来说, 好像又多绕了一圈。

这里的介绍为了简单,没有引入web Server.

既然使用的是Canvas,则本文的内容是针对支持HTML5的浏览器而言的。


Canvas 产生图,并自动下载
for (var i = 0; i < 360; i++){var data = _canvas.toDataURL();//删除字符串前的提示信息 "data:image/png;base64,"var b64 = data.substring(22);$.ajax({ url: "RotateCanvas.aspx", data: { data: b64, name: i.toString() }, success:function (){ //alert('OK');}});}


热点排行