html2canvas

html2canvas 是一个跑在浏览器里的 JavaScript 库。它接收一个 DOM 元素，读取元素和它子节点的样式，在 Canvas 上重新画一遍，最后给你一个 canvas 对象。你可以接着调 toDataURL 或 toBlob 把它存成 PNG、JPEG，也可以直接塞回页面里显示。常见用途是给网页做局部截图、把一段 HTML 报表或卡片导出成图片分享。

主要功能

核心就一个入口：html2canvas(element, options) 返回 Promise，resolve 出 canvas。它按元素的实际渲染结果来画，背景色、边框、文字、图片这些都会尽量还原。页面上还提供了一个「Try it out」区域，可以直接对当前页面截图，先看效果再决定要不要装。

安装与使用

前端项目里用包管理器装就行，NPM 和 Yarn 都给了命令。不想走构建工具的话，也可以直接引 html2canvas.js 或压缩版 html2canvas.min.js，压缩后大约 45 kb（gzip）。项目用 MIT 许可证开源，作者是 Niklas von Hertzen。

限制

它是在浏览器里重绘，不是真的截屏，所以跨域图片、部分 CSS 效果、iframe 里的内容可能画不出来或画得不一样。遇到复杂页面，导出结果和肉眼看到的会有出入，需要自己调参数或绕开。