dompdf.js 是一个纯前端生成 PDF 的解决方案，支持将 HTML 直接转换为高质量、可编辑的 PDF 文件。相比传统方案，它避免了生成图片式 PDF 的弊端，文件体积小，清晰度高，且支持文字选择和编辑。该库基于 html2canvas 和 jsPDF 改造，特别适合报表、合同等简单文档生成场景。使用方便，支持自定义字体和复杂表格渲染，但复杂布局和分页功能尚待完善。

一般合同的展示信息，包含页眉，页脚以及合同本身的内容（比如各项条款及法规等）。合同会有多页，也就避免不了要对合同生成后的电子文档（如PDF文件等）内容进行分页处理。

最近在业务上遇到了一个问题是要将页面打印输出成pdf文件，通过点击一个按钮，就能够将页面写在一个pdf上，并下载下来，需要保证pdf的内容具有很好的可读性。

经评估要实现这个需求，一种可行的方案是将HTML页面转为PDF，并实现下载。通过技术调研，最终的方案确定为通过html2canvas + jspdf这两个库来实现，通过使用html2canvas提供的方法，将页面元素转为base64图片流，然后将其插入jspdf插件中，实现保存并下载pdf。

html2canvas + jspdf方案是前端实现页面打印的一种常用方案，但是在实践过程中，遇到的最大问题就是分页截断的问题：当页面元素超过一页A4纸的时候，连续的页面就会因为分页而导致内容被截断，进而影响了pdf的可读性。

今天我们也来实现一个“所见即所得”的需求：将用户所见网页提取为图片。