将HTML转换为PNG图像

Question

像html2canvas这样的库使用canvas并将其转换为一个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">