html文件怎么转换成pdf文件

html-css021

html文件怎么转换成pdf文件,第1张

把网页转成pdf方法如下:

操作设备:ThinkPad E14。

设备系统:Windows 7。

操作软件:2345浏览器10.16。

1、首先打开网页,在空白处右击。

2、然后选择打印,点击打开。

3、进入后,在目标打印机里点击更改。

4、之后,点击另存为PDF。

5、然后在页面左侧点击保存。

6、保存后,即可查看网页转换的PDF文件。

utils - htmlToPdf.js

main.js

1、如果在多个页面使用,给函数定义一个参数,参数为要导出页面部分的id。

将 '#pdfDom' 替换为参数即可

2、将导出文件的名称也作为参数传入函数

此种方式也可用于vue,尝试后可行,需要调节部分参数,但毕竟不太合适。

jQuery不需要调节。

https://github.com/zhangshaoliang/downLoadPDF

vue方式

jQuery方式

目前项目使用的是前端加后端方式,前端提供模板,echarts图表的话需要转为base64发送给后台。后台使用iText。目前存在的问题是后台不支持css3语法,只支持到css2,所以复杂的样式页面显示错乱,考虑个别页面使用纯前端实现。

网站导航

1安装Adobe Acrobat后会默认在IE浏览器中添加PDF工具栏。

该工具可以方便的将网页转化成PDF文档,或者添加入已有的PDF文档,Adobe PDF Explorer工具栏则可以在IE的收藏夹界面内管理window内的HTML文档与PDF文档的转化。

     2、安装单独的pdf虚拟打印机(pdffactory、ultra pdf等),通过网页的打印功能转换。

3使用客户端软件HTML2PDF_Pilot。

HTML2PDF_Pilot的截面如上图,很简洁。

如果只是要完成最简单的工作只需如箭头所示,点击上方的添加按钮添加HTML文档然后点击转换,稍等既可以完成一个HTML文档的转化工作。

两种方法的比较

灵活性:

PDF工具栏的方式相比客户端的方式要灵活许多。

在使用的过程中发现HTML2PDF_Pilot不能通过URL(网址)直接转化PDF文档,而工具栏只需在浏览的过程随意使用。

功能:在功能的环节上,客户端方式的HTML2PDF_Pilot就明显要比PDF工具栏要强大许多

工具栏只提供了最基本的保存和添加入已有文档的功能,而HTML2PDF_Pilot则提供了更为丰富的选项。

另外,如果需要批量转化网页文件的话,工具栏的方式也无法提供对应的功能。

其实还是有很多可以选择的方式,比如把网页转化为WORD的文件格式然后通过WPS软件来转化文档等,只要能灵活运用,html文件转PDF是非常简单的事情。