使用wkhtmltopdf将html转为pdf

最新推荐文章于 2025-09-11 04:30:52 发布

原创

最新推荐文章于 2025-09-11 04:30:52 发布 · 2.3w 阅读

CC 4.0 BY-SA版权

本文介绍了如何使用wkhtmltopdf工具将HTML页面转换为高质量的PDF文档，包括在Windows和Linux环境下的安装步骤，以及解决在处理包含ECharts图表和中文字符时遇到的问题。通过调整动画效果和安装必要字体，可以确保PDF转换的准确性和可读性。

2018年4月26日追加：

有个朋友反馈了vue页面转pdf过程中卡住的问题，像这样：

最后她自己解决问题，是因为开发者模式，文件太大了

她执行的是 npm run dev （开发者模式）
应该是 npm run build 然后 npm run start

===========================================================================

7 条评论

小蘑菇dan 2018.05.02
现在还有个解决不了的问题，在vue中图表页面可以显示，但是转出来的pdf中没有（echarts的图表动画效果是关闭的）；然后怀疑根本就没有执行到；经过简单赋值试验发现动态数据放在created 中可以转化出来，放在mounted中不可以；但是问题是图表生成方法（echarts）要操作DOM节点所以放在created中不行。。。然后这个问题不知道怎么解决了 v-chares 等类似组件都试过了不行。。。求解决方法
- weixin_40766506回复小蘑菇dan 2018.12.24
  [reply]Rain_dan[/reply] 请问你后来解决了吗
- hugeohugeohugeohugeo回复小蘑菇dan 2018.05.02
  [reply]Rain_dan[/reply] hahahaha笑哭了，还以为你搞定了
- 小蘑菇dan回复hugeohugeohugeohugeo 2018.05.02
  [reply]u010588262[/reply] 我就是上次问你那个人，哭了。。。
- hugeohugeohugeohugeo回复小蘑菇dan 2018.05.02
  [reply]Rain_dan[/reply] 不好意思我对vue不太懂，你可以留下QQ，我给到上次咨询vue问题的那个人，看她能不能帮你解答

dadao2003 2018.04.23
1、echarts 写在jquery的onload里，jquery的$(function(){});方法没有执行，也没多研究，把echarts 放到页面最下方，去掉onload方法。 2、显示echarts的div要设置一个高度和宽度，注意都要设置，浏览器不设置宽度能看到图，但是生成pdf不行。 3、加上参数 --javascript-delay 3000。 4、echarts 设置 animation:false，如果延迟时间够长应该不设置也可以。
- weixin_40766506回复dadao2003 2018.12.24
  [reply]dadao2003[/reply] 为啥我试了还是不行啊

嘟嘟sye 2018.03.07
博主你好，能添加一个联系方式么，这个echart需要请教一下你。我们付费请求，谢谢。
- 嘟嘟sye回复嘟嘟sye 2018.03.07
  [reply]qq_25155973[/reply] 你好，已经好友申请了哦。
- hugeohugeohugeohugeo回复嘟嘟sye 2018.03.07
  [reply]qq_25155973[/reply] qq3105747142

g863948879 2017.12.11
博主知道怎么设置不让他生成的pdf分页嘛！求
- hugeohugeohugeohugeo回复g863948879 2018.03.07
  [reply]g863948879[/reply] 抱歉到现在才看到评论，如果网页是定长的应该可以通过设置pagesize实现