html转换为pdf教程,html如何转换为pdf

html转换为pdf的方法：1、使用【html2canvas+jsPDF】是一种专门在前端js生成pdf的方法；2、iText方法生成的pdf质量会更高；3、wkhtmltopdf软件生成pdf支持多种方式。

本教程操作环境：windows7系统、html5版，DELL G3电脑。

html转换为pdf的方法：

1、html2canvas+jsPDF

这种方法实质上是一种专门在前端js生成pdf的方法，只要导入几个js文件写一点js调用即可，本质就是使用js遍历页面中都dom节点,然后将其转化为canvas,然后调用jsPDF,将canvas转化为PDF，我也尝试的使用过这种方式生成PDF，使用感受一个是转成的PDF严重失帧，变形严重(当然不排除我html代码规范问题)，另一个就是当页数过多时，会导致浏览器死机，速度过慢。

2、iText

这种方法生成的pdf质量会更高，但是在后端实现的步骤过于复杂，而且需要安装字体，对于html代码要求也是比较高，缺少标签的时候会报错，这种方法我没有去尝试过，当时直接被第三种方法给吸引了

3、wkhtmltopdf

这种方式实现比较简单，wkhtmltopdf是一个软件，这个软件生成pdf支持多种方式，可以直接使用网页网址将页面转化为pdf，也可以使用本地的文件将其转为pdf，而且转化结果及其的完美，加上实现的过程比较简单，所以我觉得这是最优的一种html转化为pdf的方式，下面直接上效果图