将 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">