,还要考虑到整套打印,所以滚动加载和分页浏览不是最好的方案,这导致数据超级多的时候(大概会生成2000多页的报告且上不封顶),会造成页面假死,疯狂占用电脑内存,低配置的电脑根本无法加载,甚至造成死机
在项目结构上我们采用数据分发的方式控制组件的渲染...pdf的方案,
查了许多资料后决定使用html2canvas 和 jsPDF结合使用来生成pdf
html2canvas : 通过遍历页面DOM结构,收集所有元素信息及相应样式,渲染出canvas image...jsPDF:可以通过文字和图片生成pdf
看了他们的作用相信观众老爷们也知道要怎么结合使用了,很简单在点击下载按钮时通过html2canvas将页面转换为canvas image然后通过jsPDF再进行...由于html2canvas只能将它能处理的生成canvas image,因此渲染出来的结果并不是100%与原来一致。但它不需要服务器参与,整个图片都由客户端浏览器生成,使用很方便。..., 10, 10);
doc.save('a4.pdf');
图片生成PDF
使用方法如下:
// 三个参数,第一个方向,第二个单位,第三个尺寸格式
var doc = new jsPDF('landscape