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

1.2*_*tts 3 html css

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

例如,您有一个常规图像指向这样的源文件:

<img src="myImage.png" width="100" height="100" />
Run Code Online (Sandbox Code Playgroud)

是否有这样的事情:

<img width="100" height="100">
     <data>ABCDEF...</data>
</img>
Run Code Online (Sandbox Code Playgroud)

数据将是位图数据还是类似的数据?如果可能的话,如果您知道主要浏览器是否推荐或支持它?

Doo*_*nob 5

您可以使用数据URI

<img src="data:image/bmp,ABCDEF..." width="100" height="100" />
Run Code Online (Sandbox Code Playgroud)

如果您在base64中对数据进行编码,则可能如下所示:

<img src="data:image/bmp;base64,BASE64DATAGOESHERE..." width="100" height="100" />
Run Code Online (Sandbox Code Playgroud)