将 HTML 转换为 PNG 图片

Question

像 html2canvas 这样的库采用 HTML 并将其转换为 canvas 元素。然后可以使用 toDataURL() 来获取 URL (data:image/png...)。那么，有没有办法在浏览器中将 HTML 转换为实际的 PNG 图像（而不是 data url）？我不希望用户下载它，只需要一个 PNG（这样如果我将它保存到一个文件中，我就可以直接打开图像）。可以使用 PNG 或 JPEG 或任何小图像存储格式。我的目标是现代浏览器（不是 IE）。

编辑

我想拍摄 HTML 的图像，将它们转换为 PNG，然后在客户端组合它们（使用 ffmpeg.wasm），而不仅仅是显示图像。 StackOverflow 上的大多数答案和建议都告诉您如何使用 image.src 属性显示图像。它不必成为 PNG，只要 ffmpeg.wasm 可以支持的任何格式（尽管首选 PNG）

Answer 1

只需使用 src 属性中的数据 url。

<img src="data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub/
/ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcpp
V0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7" 
width="16" height="14" alt="embedded folder icon">