前端HTML页面转PDF(html2canvas+jspdf)

html-css09

前端HTML页面转PDF(html2canvas+jspdf),第1张

utils - htmlToPdf.js

main.js

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

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

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

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

jQuery不需要调节。

https://github.com/zhangshaoliang/downLoadPDF

vue方式

jQuery方式

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

网站导航

把网页转成pdf方法如下:

操作设备:ThinkPad E14。

设备系统:Windows 7。

操作软件:2345浏览器10.16。

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

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

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

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

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

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

手机上怎么把html转换成pdf步骤如下:

第一步:首先进入我速PDF转换器官网(http://www.11pdf.com/)

第二步:下载安装完成后,打开软件,选择【手机html怎么转换成pdf】

第三步:点击或者拖拽你想要转换的批量PDF文件或者点击界面下方【添加文件夹】输出目录可以选择【原文件目录】或者【自定义目录】,最后点击【开始转换】即可完成转换。