html2canvas 的替代品

4 个可以替代 html2canvas 的工具，1 个可完全替代、1 个部分替代，2 个在国内不能直接访问、归在最后。费用、登录、平台与可访问性都是本站实测或从官网核对的。

对比

条目	费用	登录	平台	国内可直接访问	一句
SnapDOM	免费	不用登录	网页	待检测	同为浏览器端 DOM 捕获库，一行调用导出 PNG/SVG/canvas，插件机制补上 html2canvas 缺的 S
Puppeteer	免费	不用登录	网页	可以	替代截图这一块：用无头浏览器真截屏，跨域图片和复杂 CSS 还原更准，但要跑 Node 服务而非纯前端
dom-to-image	—	不用登录	网页	不可以	同样把 DOM 节点渲染成 PNG/JPEG，额外支持 SVG 和 filter，API 思路接近可直接换
modern-screenshot	免费	不用登录	网页	不可以	一行函数把 DOM 渲染成 PNG/JPEG/WebP/SVG，输出格式比 html2canvas 更多，迁移成本低

详细介绍

可完全替代 1

SnapDOM免费不用登录 Zumerlab 开源的浏览器端 DOM 捕获库，一行调用即可把已渲染元素导出为 PNG、SVG 或 canvas，插件另补 PDF、GIF 与视频录制，适合前端开发者给项目加截图、导出分享卡片的功能。同为浏览器端 DOM 捕获库，一行调用导出 PNG/SVG/canvas，插件机制补上 html2canvas 缺的 S

部分替代 1

Puppeteer免费不用登录国内可直接访问 Google 出品的 JavaScript 浏览器控制库，通过 DevTools 协议或 WebDriver BiDi 驱动 Chrome 与 Firefox，默认无头运行，适合前端与 Node.js 开发者写爬虫和端到端测试。替代截图这一块：用无头浏览器真截屏，跨域图片和复杂 CSS 还原更准，但要跑 Node 服务而非纯前端

国内不可直接访问 2

dom-to-image不用登录国内不可直接访问 用 JavaScript 写的浏览器端库，能把任意 DOM 节点渲染成 SVG、PNG 或 JPEG，支持 filter 逐节点过滤和 toBlob 触发下载，适合前端开发者给分享卡片或图表做导出。同样把 DOM 节点渲染成 PNG/JPEG，额外支持 SVG 和 filter，API 思路接近可直接换 modern-screenshot免费不用登录国内不可直接访问 开源的浏览器端 JavaScript 截图库，用一行函数把 DOM 节点渲染成 PNG、JPEG、WebP 或 SVG，支持 Web Worker 连续调用实现每秒多次截图，适合前端开发者给页面区块加导出图片或生成分享卡片的功能。一行函数把 DOM 渲染成 PNG/JPEG/WebP/SVG，输出格式比 html2canvas 更多，迁移成本低

更新于 11 月 8 日 · 报告问题