SnapDOM

SnapDOM 是一个跑在浏览器里的 DOM 捕获库。它把已经渲染出来的页面元素截下来，导出成 PNG、JPEG、WebP、SVG 或 canvas，也能直接拿到 Blob。前端开发者常遇到「把图表、卡片、报表存成图片」的需求，它就是把这件事做成一行调用：snapdom.toPng(element)。项目用 MIT 协议开源，零依赖，通过 npm 或 CDN 引入。

主要功能

核心只负责图像输出，其余格式交给官方插件：PDF 插件能保留文字、链接和分页，适合把 HTML 报表或发票转成可搜索的文档；HTML 插件把渲染后的标记连同样式和资源存成一个自包含文件；GIF 和视频插件可以录制元素的动态画面，或把元素流式送进 canvas；矢量插件把文字和部分图形转成可编辑的 SVG 或 Figma 内容。另有一类插件面向 AI agent，输出文本、JSON 或带标注的图片，交代表单状态和可交互元素的位置。

适合谁

需要在前端项目里加截图、导出、分享卡片功能的开发者，以及想把网页内容转成 PDF 或视频的团队。官方页面提供了在线演示，每个插件都有对应的 demo，可以直接在浏览器里试。

费用与限制

MIT 许可，免费使用。页面称月下载量超过一百万次，过去一年大约每周发一个版本，并有公开的更新日志。它依赖浏览器自身的渲染结果，输出保真度与浏览器绘制一致；具体支持哪些浏览器、有无已知限制，需查文档确认。