使用wkhtmltopdf过程中前端遇到的问题

使用方法 安装好wkhtmltopdf之后 执行命令

D://wkhtmltopdf//bin//wkhtmltopdf.exe  http://www.duoyi.com  1.pdf

遇到的坑：

1 异步问题，Ajax加载数据都会有延时，echart图表动画都会导致渲染结果不完整。

解决的办法： 数据通过后端直接渲染在页面， echart去除动画

2 echart图表不显示问题

解决办法： 图表的外层标签需要加宽高（排版占位）

3 同一个表格分页后被打断问题

table, tr, td, th, tbody, thead, tfoot { page-break-inside: avoid !important;}

4 想让某个标签另起一页

.breakPage{page-break-before: always!important;}

5 执行转换pdf命令后一直卡某个进度中，例如在70%

如果是webpack开发的项目，转换页面不适用于在npm run dev （开发者模式）模式下，开发模式下加载的文件过大导致