最完美的html转化为pdf的方法

您所在的位置:网站首页 html变成pdf 最完美的html转化为pdf的方法

最完美的html转化为pdf的方法

2024-07-10 10:00:55| 来源: 网络整理| 查看: 265

最完美的html转化为pdf的方法 几种常见的html页面转化为pdf的方法 html2canvas+jsPDFiTextwkhtmltopdf wkhtmltopdf安装部署,php调用的方法 安装wkhtmltopdfphp调用wkhtmlpdf composer安装安装mikehaertl/phpwkhtmltopdf依赖php调用wkhtmltopdf 心得总结 一、常见的几种html转化pdf方法

最常见的html转化为pdf的方法肯定是在浏览器中ctrl+p的快捷键(windows)就可以直接将页面导出为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的方式,下面直接上效果图 网站

效果 转化的结果已经十分完美

我在项目中使用的是php调用wkhtmltopdf去生成pdf,下面内容会详细介绍说明步骤

二、wkhtmltopdf环境安装和使用

使用wkhtmltopdf应用到项目中实际上应该是这样一个过程,服务器安装好wkhtmltopdf软件,php后端将要转化的网页的html代码或者html文件在本地生成pdf,然后将服务器端的pdf发送到前端供用户下载或者浏览,其中php后端调用wkhtmltopdf的方法使用的是composer中的mikehaertl/phpwkhtmltopdf包

1. 安装wkhtmltopdf

安装wkhtmltopdf过程很简单,这里不赘述,在wkhtmltopdf官网选择适合你系统的安装包下载安装即可,安装过程没有难度,一路确定到底就可以,安装完在你电脑里给他增加一个环境变量,将wkhtmltopdf的安装目录下面的bin目录加入环境变量path之中即可。打开命令行输入wkhtmltopdf -V会显示版本号说明安装成功

成功

这个时候就可以直接使用软件了你可以简单的使用一下这个软件,直接复制下面的html另存为test.html

Document

hello, you are succeed

在cmd命令行中打开test.html所在文件夹然后使用命令wkhtmltopdf test.html test.pdf就会发现当前文件夹下出现了test.pdf的文件

命令行 成功

命令中可以使用在线的网址来代替本地html文件,不过一般最好不要在项目中这样使用,因为网页中容易有各种表单参数和iframe容易出错,在项目中使用html文件转化

2. php调用wkhtmlpdf

前面说了一大串,但是其实都是比较简单,下面说的才是使用的关键,前面只是本地用命令行使用软件,但是实际中应该是用后端语言调用这个软件。使用composer中的mikehaertl/phpwkhtmltopdf包。

1. composer安装

首先还是得安装配置环境,php的基本环境就不多说了,这里说的是安装一个包管理composer,使用composer来管理自己的php的各种包。 composer官网选择适合的版本下载安装,在命令行中输入composer --version显示版本号即安装成功 安装成功

2. 安装mikehaertl/phpwkhtmltopdf依赖

安装依赖之前最好还是改变一下composer的下载镜像路径,改为国内路径 直接在命令行中输入composer config -g repo.packagist composer https://packgist.phpcomposer.com即可改变下载路径

然后cmd进入你的项目路径,输入你的命令composer require mikehaertl/phpwkhtmltopdf进行依赖的安装,等待安装成功既可,过程中可以会出现一些错误,但是优秀的你使用百度既可以解决这些问题。

3. php调用wkhtmltopdf

安装成功后过程其实就简单了,前面的安装看着简单,但是如果经验实在是不足就会导致哪里卡了半天,最少我当时就是折腾了半天的,多折腾好处多。最简单的调用就是php控制器页面写入下面的代码

use mikehaertl\wkhtmlto\Pdf; // You can pass a filename, a HTML string, an URL or an options array to the constructor $pdf = new Pdf('/path/to/page.html'); // On some systems you may have to set the path to the wkhtmltopdf executable // $pdf->binary = 'C:\...'; if (!$pdf->saveAs('/path/to/page.pdf')) { $error = $pdf->getError(); // ... handle error here }

这个代码在本地调试一般是不会有问题,但是到了一些服务器就需要设置二进制路径,也就是你安装的wkhtmltopdf软件的路径,在上面打代码里面加一行$pdf->binary = 'C:\...';即可,这里是血的教训,当时一直不成功就是因为少了这一行代码,本机调试没问题,一到服务器就报错。 更加详细的使用说明可以前往github官网进行查看

三、心得总结

写这篇文章的目的一个是记录自己在学习路上遇见的难题,估计哪一天看见会有不一样的感触,另一个就是当时在查找html转化pdf的时候走了太多的歪路,网上的攻略零零散散,我踩了一个又一个坑,花了好几天的时间才最终实现了我想要的一些功能,这一切实现都不易,每次学习都会有一大堆的坑让我去踩,在坑里跳不出来的时候很痛苦,一度很想放弃,可是等到走出来的时候又是生出自豪之情,真的是让人又讨厌又享受。

----东湖小菜鸟的学习之路



【本文地址】

公司简介

联系我们

今日新闻


点击排行

实验室常用的仪器、试剂和
说到实验室常用到的东西,主要就分为仪器、试剂和耗
不用再找了,全球10大实验
01、赛默飞世尔科技(热电)Thermo Fisher Scientif
三代水柜的量产巅峰T-72坦
作者:寞寒最近,西边闹腾挺大,本来小寞以为忙完这
通风柜跟实验室通风系统有
说到通风柜跟实验室通风,不少人都纠结二者到底是不
集消毒杀菌、烘干收纳为一
厨房是家里细菌较多的地方,潮湿的环境、没有完全密
实验室设备之全钢实验台如
全钢实验台是实验室家具中较为重要的家具之一,很多

推荐新闻


图片新闻

实验室药品柜的特性有哪些
实验室药品柜是实验室家具的重要组成部分之一,主要
小学科学实验中有哪些教学
计算机 计算器 一般 打孔器 打气筒 仪器车 显微镜
实验室各种仪器原理动图讲
1.紫外分光光谱UV分析原理:吸收紫外光能量,引起分
高中化学常见仪器及实验装
1、可加热仪器:2、计量仪器:(1)仪器A的名称:量
微生物操作主要设备和器具
今天盘点一下微生物操作主要设备和器具,别嫌我啰嗦
浅谈通风柜使用基本常识
 众所周知,通风柜功能中最主要的就是排气功能。在

专题文章

    CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭