前端html页面转成pdf格式并下载

html-css034

前端html页面转成pdf格式并下载,第1张

目的: 前端将页面导出为pdf格式,主要用到 html2canvas 、 jspdf 两个插件,其实 html2canvas 这个插件就相当于将屏幕‘截’了一张图,当然也并不是真正的截图,通过遍历dom生成,所以其实就是张图片,虽然方法好用方便,但是也有一定的缺陷,那就是导出的pdf无法复制里面的内容。

​react

把网页转成pdf方法如下:

操作设备:ThinkPad E14。

设备系统:Windows 7。

操作软件:2345浏览器10.16。

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

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

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

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

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

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