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

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

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

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

在业务需求中，根据返回数据动态生成图片分享是很常见的场景。比如在起点读书小程序中，每本书都需要生成一个动态图片，包含：书名、作者、类别和当前页面小程序码，这几个内容都是会动态改变的。

本文主要介绍如何解决html2canvas在百度地图截图场景中遇到的图片跨域、覆盖物无法截取问题，以及百度地图不同版本截图方案对比。

QQ和微信有一个自定义截图的功能，我的开源项目正好做到了截图功能，在做之前我找了很多资料，没有发现web端有这种东西存在，于是我就决定参照QQ的截图自己实现一个并做成插件供大家使用。

通过业务实例，分享遇到性能问题的解决办法。

如何利用web实现移动端高还原度富图文分享？

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

本文主要介绍在Linux环境下通过各种工具的组合，实现截取任意区域生成图片的方法，其他系统下方法类似。

全民K歌专辑玩法升级，web端如何实时生成专辑大事件长图，供粉丝快速分享专辑战绩进行荣誉感的传播？本文将介绍几种浏览器端和服务器端web实时生成图片的方案，欲知详情请看文章详情...