dom-to-image 的替代品

3 个可以替代 dom-to-image 的工具，2 个在国内不能直接访问、归在最后，dom-to-image 本身在国内不能直接访问，国内可直接用的排在前面。费用、登录、平台与可访问性都是本站实测或从官网核对的。

dom-to-image

github.com

用 JavaScript 写的浏览器端库，能把任意 DOM 节点渲染成 SVG、PNG 或 JPEG，支持 filter 逐节点过滤和 toBlob 触发下载，适合前端开发者给分享卡片或图表做导出。

工具不用登录网页英文开源国内不可直接访问

查看详情打开官网

对比

条目	费用	登录	平台	国内可直接访问	一句
Hhtml2canvas	免费	不用登录	网页	可以	同样把 DOM 渲染成 PNG/JPEG，Canvas 重绘路线更主流、维护更活跃，API 略不同需改写调用
modern-screenshot	免费	不用登录	网页	不可以	同类的 DOM 转图片库，支持 PNG/JPEG/SVG 与逐节点过滤，维护更活跃
Satori	免费	不用登录	网页	不可以	替代生成分享卡片这一块：把 JSX/HTML 转 SVG，适合服务端出图，不覆盖任意 DOM 截图

详细介绍

可完全替代 1

H html2canvas免费不用登录国内可直接访问 开源的 JavaScript 库，接收 DOM 元素后按实际渲染样式在 Canvas 上重绘，可导出 PNG、JPEG 或直接放回页面，适合前端开发者把 HTML 报表或卡片转成图片分享。同样把 DOM 渲染成 PNG/JPEG，Canvas 重绘路线更主流、维护更活跃，API 略不同需改写调用

国内不可直接访问 2

modern-screenshot免费不用登录国内不可直接访问 开源的浏览器端 JavaScript 截图库，用一行函数把 DOM 节点渲染成 PNG、JPEG、WebP 或 SVG，支持 Web Worker 连续调用实现每秒多次截图，适合前端开发者给页面区块加导出图片或生成分享卡片的功能。同类的 DOM 转图片库，支持 PNG/JPEG/SVG 与逐节点过滤，维护更活跃 Satori免费不用登录国内不可直接访问 Vercel 开源的 JavaScript 渲染库，输入 HTML/JSX 与 CSS 输出 SVG，自带布局与字体排版，适合用 Next.js 的团队在服务端批量生成 Open Graph 分享图。替代生成分享卡片这一块：把 JSX/HTML 转 SVG，适合服务端出图，不覆盖任意 DOM 截图

还有：html-to-image（未收录）

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