把网页转成pdf方法如下：
操作设备：ThinkPad E14。
设备系统：Windows 7。
操作软件：2345浏览器10.16。
1、首先打开网页，在空白处右击。
2、然后选择打印，点击打开。
3、进入后，在目标打印机里点击更改。
4、之后，点击另存为PDF。
5、然后在页面左侧点击保存。
6、保存后，即可查看网页转换的PDF文件。
1、用浏览器转换
这个方法是最简单、高效的，安装了360浏览器或者火狐及Chrome谷歌浏览器就可以轻松实现。以360浏览器为例，在浏览器的右上角点击“文件”按钮，如下图：
然后选择“打印”，然后选择另存为PDF就可以了，如下图所示：
选择目标另存为PDF，这个是将整个网页转换成PDF文件的，有时网页很长可能会有2、3页的PDF。目前上面演示的这个功能可以在所有给予Chrome内核的浏览器中实现，包括360、搜狗极速版、Chrome、捷豹浏览器，而且操作上基本都一样。但IE内核就没有这个功能，而火狐里面则方法不同，不过肯定有插件可以实现。
2、在线转换
在线转换就是你打开一个网址，在里面可以输入你想要转换成PDF的网址，然后那个网站会自动帮你转换，然后下载到你电脑中。目前这方面的在线转换工具有很多，百度搜索了一下就能找到
可以将网页转换为PDF。只要输入网址，并击中转换!不需要注册，在输入框中输入要转换的网页网址，然后点击后面的“Convert!”，稍等片刻后就可以点击输入框下面的下载链接将转换的PDF文件下载到电脑中了，很方便。
utils - htmlToPdf.js
main.js
1、如果在多个页面使用，给函数定义一个参数，参数为要导出页面部分的id。
将 '#pdfDom' 替换为参数即可
2、将导出文件的名称也作为参数传入函数
此种方式也可用于vue，尝试后可行，需要调节部分参数，但毕竟不太合适。
jQuery不需要调节。
https://github.com/zhangshaoliang/downLoadPDF
vue方式
jQuery方式
目前项目使用的是前端加后端方式，前端提供模板，echarts图表的话需要转为base64发送给后台。后台使用iText。目前存在的问题是后台不支持css3语法，只支持到css2，所以复杂的样式页面显示错乱，考虑个别页面使用纯前端实现。
网站导航
