Rumah  >  Artikel  >  hujung hadapan web  >  html如何转换为pdf

html如何转换为pdf

coldplay.xixi
coldplay.xixiasal
2021-04-27 14:49:1527658semak imbas

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

html如何转换为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的方式,下面直接上效果图

68ffd1e45fd7b95e265ef6e1b63a1d0.png

相关学习推荐:html视频教程

Atas ialah kandungan terperinci html如何转换为pdf. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:html怎么设置表格边框Artikel seterusnya:html怎么设置透明度