[问题] 将网页的图表另存成图片? spiderman007 PTT批踢踢实业坊

[问题] 将网页的图表另存成图片?

楼主: spiderman007 (千里之外) 2014-10-18 16:50:24

最近研究了很多语法，但始终写不出我要的结果...
还请有经验的大大们能提供点意见...
目前数据库有存放我要的一些历史数据...
在网页上用jQuery的套件..用图表将其数据呈现...
我希望能将其图表可按下button时...另存成图片...
我首先用html2canvas将我要的图表转成image source
var image = canvas.toDataURL("image/png");
img.src = image;
最后可以在<img> 内呈现已转换后的图片...
但我是希望就直接下载的动作...而不呈现出来后使用者再另存图片...
但目前google很多方法...都是至少要有url才能另存图片...
但html2canvas的输出是类似资料码?? 而不是url
请问有人可以提供我一些意见吗?? 非常感谢!!

作者: Ayukawayen (亚布里艾尔发芽>//<) 2014-10-18 18:57:00

Server端产生图片前端导到Server网址可以传参数过去

作者: mmis1000 (秋月恋枫) 2014-10-18 20:06:00

http://jsbin.com/sefew/6 自己看source因为firefox无法正常解码含有非ascii的string所以那部份要另外处理

楼主: spiderman007 (千里之外) 2014-10-19 20:31:00

谢谢A大及m大...我研究一下...感谢回文...

作者: oToToT (å±å©) 2014-10-19 20:39:00

http://fiddle.jshell.net/vd6wezmr/3/show/light/我的做法是开个连结，不过似乎ie或有些不支援

作者: mmis1000 (秋月恋枫) 2014-10-19 22:17:00

要client side请放弃ie9以下，要不然就用服务器当proxy

作者: oToToT (å±å©) 2014-10-19 23:16:00

不然支援所有就...传到imgur用imgur下载，载完再删掉(用imgur Api即可做到)

作者: mmis1000 (秋月恋枫) 2014-10-20 00:05:00

至于更前面的浏览器就算了，反正也不支援canvas根本不在讨论范围内

楼主: spiderman007 (千里之外) 2014-10-22 12:11:00

谢谢o大...

继续阅读

[问题] apache 的proxyangke Fw: [讨论] 电子商务的架构iphone2000 [闲聊] 自己刻or套模板qmi989 [问题] css 选单从水平变成垂直ntu203 [问题] 动画：模拟质点的运动jumbajuice [问题] js修改后，文字出现一下就消失zusowind [问题] 类似Facebook like popup的写法blue820228 [问题] asp.net treeviewGoalBased [问题] HTML5 with Visual Studio 书籍推荐BIAO [问题] JSDC2014 录影档smallma009