由买买提看人间百态

boards

本页内容为未名空间相应帖子的节选和存档,一周内的贴子最多显示50字,超过一周显示500字 访问原贴
Programming版 - 用户需要下载网页上动态产生的复杂SVG,如何破?
相关主题
CoffeeScript, TypeScript 能否在将来顶替 JavaScript?Apple's anti-malware blacklists Java 7 plug-in again
雪地跪问各位大牛,javascript 客户端谁家强?前端为什么不用java写
Div+Css做网页 (转载)有没有用AngularJS的大牛
Help please.如果学D3,从哪里开始呀?
问一个奇怪的tomcat+svg问题 (转载)求推荐Fireworks 这种Web图标编辑软件的替代品
有个问题,听听大家的建议周永康关系图数据可视化
qt 即将推出LGPL版本有人用百度的echart吗,github七千星
HTML5 Hacks请问windows平台下在C++里如何把一张图片旋转一个角度
相关话题的讨论汇总
话题: svg话题: 图表话题: 动态话题: path话题: dom
进入Programming版参与讨论
1 (共1页)
N****7
发帖数: 22
1
最近做的一个项目需要用图表方式显示数据摘要,
数据在后台产生,图表在前台用vis.js显示。
vis.js的Graph2D API简洁好用,画出来的图表可以自由缩放,本来觉得挺完美了,结
果想用JS加一个下载图表功能的时候发现有个大坑。
原因是vis.js画的图表是用一堆DIV DOM加SVG Path实现的,DIV DOM负责坐标,SVG
Path负责数据线条。如果用SVG to PNG conversion的方法抓出来的只有数据线条,用
html2canvas抓出来的则只有坐标。
绞尽脑汁最后弄了一个笨办法,就是用window.print()让用户自己打印成PDF。但是因
为页面上的图表宽度是动态的,打印时会overflow,所以最后又不得不绕了一下,用
vis.js同时产生2副图,用CSS控制一副动态宽度在网页上显示,一副固定宽度专门在打
印时显示,总算凑合实现的目标功能。
不知道版上大牛有没有更好的解决方案?
N****7
发帖数: 22
2
看来版上大牛都不屑搞前端啊……
c******n
发帖数: 16666
3
其实最可行的办法是啥都放到svg或者canvas里去
文字和框框很容易 比如用d3或者c3的话 最后直接生成png就好
https://bl.ocks.org/mbostock/6466603
还有个办法是后台用phantom来搞 但是很复杂。。
N****7
发帖数: 22
4
看来也只能这样,换轮子。

【在 c******n 的大作中提到】
: 其实最可行的办法是啥都放到svg或者canvas里去
: 文字和框框很容易 比如用d3或者c3的话 最后直接生成png就好
: https://bl.ocks.org/mbostock/6466603
: 还有个办法是后台用phantom来搞 但是很复杂。。

1 (共1页)
进入Programming版参与讨论
相关主题
请问windows平台下在C++里如何把一张图片旋转一个角度问一个奇怪的tomcat+svg问题 (转载)
iOS UITabBarController 问题有个问题,听听大家的建议
get_innerHTML需要什么样的permission?qt 即将推出LGPL版本
有点挠头HTML5 Hacks
CoffeeScript, TypeScript 能否在将来顶替 JavaScript?Apple's anti-malware blacklists Java 7 plug-in again
雪地跪问各位大牛,javascript 客户端谁家强?前端为什么不用java写
Div+Css做网页 (转载)有没有用AngularJS的大牛
Help please.如果学D3,从哪里开始呀?
相关话题的讨论汇总
话题: svg话题: 图表话题: 动态话题: path话题: dom