html - 有没有办法在 html 图像标签中显示位图数据？

Question

有没有办法在 HTML 元素中显示位图图像数据？

例如，您有一个指向如下源文件的常规图像：

<img src="myImage.png" width="100" height="100" />

有没有这样的东西：

<img width="100" height="100">
     <data>ABCDEF...</data>
</img>

哪里的数据会是位图数据或类似的东西？如果可能的话，您是否知道主流浏览器是否推荐或支持它？

Answer 1

您可以使用数据 URI：

<img src="data:image/bmp,ABCDEF..." width="100" height="100" />

如果你用 base64 编码数据，它可能看起来像这样：

<img src="data:image/bmp;base64,BASE64DATAGOESHERE..." width="100" height="100" />