浏览器原生 API window.print。一般信息填写类的需求页面，都会增设「预览」和「打印」功能。我们会通过编写 DOM 及样式来绘制出预览视图，而打印则是基于预览来生成 PDF 文件。

在浏览器上打印应该一个比较常见的操作，最简单的打印方式就是直接点击浏览器右上角，找到“打印”按钮或者调用window.print()，然而只是最基本的打印方式。

近期项目需要实现将 html 页面转换成 pdf 报告的需求，经过一番调研以及结合过往经验，发现了有如下三种技术方案，本篇文章主要内容是基于这三种不同方案的 demo 实现及对比。 方案选型 html

前言 近期公司提出了一个新需求，希望前端能够根据UI设计绘制运动报告界面，完成数据展示，包括图标展示，并且能够将HTML页面转为PDF并实现下载。基于公司需求，查询了很多资料，最后选定了三种技术方案，

本文介绍了我是如何使用jspdf这个库来实现纯前端生成PDF，包含基本使用及踩坑记录和具体的解决方案。

1. 前言 最近我需要将网页的DOM输出为PDF文件，我使用的技术是html2Canvas和jsPDF。具体流程是，首先使用html2Canvas将DOM转化为图片，然后将图片添加到jsPDF中进行输