1. 背景 将网页保存为图片（以下简称为快照），是用户记录和分享页面信息的有效手段，在各种兴趣测试和营销推广等形式的活动页面中尤为常见。 快照环节通常处于页面交互流程的末端，汇总了用户最终的参与结果，直接影响到用户对于活动的完整体验。因此，生成高质量的页面快照，对于活动的传播和…

笔者最近遇到一个需求场景，需要将web页面导出为PDF文件，以供用户使用。综合考虑下，采用的技术方案为前端起一个node服务，借助puppeteer提供HTML转PDF能力，供后端开发工程师调用。本文

我们日常使用浏览器的步骤为：启动浏览器、打开一个网页、进行交互。而无头浏览器指的是我们使用脚本来执行以上过程的浏览器，能模拟真实的浏览器使用场景。 本文主要介绍 Google 提供的无头浏览器(headless Chrome), 他基于 Chrome DevTools prot…

主要介绍了前端实现 HTML 转 PDF 并导出的一些方法，包括浏览器自带的、vue-print-nb、html2canvas 和 jspdf，wkhtmltopdf 以及 iText

最近项目需求总是有HTML页面生成图片功能，所以就想记录一下自己在过程中遇到的问题，并加深印象，日后如果忘了也可以回顾。我们项目使用的是html2canvas插件，还有其他插件，例如dom-to-image、rasterizehtml，可以根据需求使用。 由于像素比（DPR =…

业务需求 网页html生成A4大小分页的pdf，翻遍了整个互联网发现没有很系统的整理与分析，甚至对jsPDF的解析也没有几篇。遇到过几次，用的比较多，完成代码编写后特此整理分析，自我记录。 业务难点

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

用户通过在微信中分享海报图片邀请新用户注册，海报中有分享者参数的二维码，每个用户的二维码不同 所以海报中有些部分是动态的，不能直接使用图片，需要将html转换为图片。 html2canvas能够实现在网页或者部分内容直接进行“截屏”，其实现思路是 html2canvas脚本通过…

我有一个大胆的想法，我要一直写到死，那一天我不写了，可能就死了。哈哈。 哈喽，大家好，我是你们的攻城狮，人贱人爱的 Ken，一个永远充满激情的人。 当然，我们需要依赖 html2canvas 和 jspdf.min.js 这两个库，html2canvas 是用于生成 canva…