求教JSPDF.js插件开发生成的pdf页面下边大量留白怎么弄成横向的啊

点击联系发帖人 时间：2019-08-22 00:56

js 插件

刚解决了html中某div块生成pdf的问题热乎乎的，赶紧记录下

1.生成的pdf中dom元素间距异常；
2.提高分辨率后，生成的图片有偏差

下载pdf的点击方法：

// 这里默认横向没有滚动条的情况因為offset.left(),有无滚动条的时候存在差值，因此 //有两个高度需要区分一个是html页面的实际高度，和生成pdf的页面高度(841.89) //当内容未超过pdf一页显示的范围无需分页

本来想着偷懒，然后没过审用这个方法生成的pdf有个问题还挺大的，就是生成的文件（尤其是增大了分辨率以后）都是大几百k的稍微有点内容的基本就将近1mb了。暂时还未找到解决的方式往后找到了会补上

}

1、目的：在前段是 jQuery库或者 VUE库或者兩者混合库将html 页面和数据转换成PDF格式并下载，支持分页

对客户报修记录进行分类统计并生成各种饼图、柱状图、线性图。并要求导出word并打印。html里面内容是通过js刷新出来的是动态的数据。 1）html导出到word不太可能，页面比较复杂内容比较多，而且word不支持 2）html页面存在多個 echart图表，根本无法导出采用jspdf插件，将html页面导出成pdf在打印pdf。效果不是特别理想但是还过的去。 1）下载jspdf插件官网有。

3、需要下载页面內容假设在一个DIV里面（vue2.0示例）：

// 设置打印比例越大打印越小

4、或者上面的JS方法可以替换成这个也是可以的。

//有两个高度需要区分一个昰html页面的实际高度，和生成pdf的页面高度(841.89) //当内容未超过pdf一页显示的范围无需分页

}

因为jsPDF不支持中文，所以正常是把html页面先转成图片再将图片转成PDF。有两种方式可以實现第一种jsPDF提供了一个接口，可以调用html2canvas第二种是先用html2canvas转成图片，再用jsPDF转成pdf下面是具体实现方式：

叫阿莫西中心