javascript - 如何将原始十六进制图像转换为 html img

Question

我有一个原始的十六进制表示形式和图像，如下所示:"FF00FF00FF00"

每2个字母代表一个像素的颜色，本例中为6个像素白-黑-白-黑-白-黑，2x3像素(宽x高)。

我想将其转换为可重新呈现的 html 图像。

我想知道最好的解决方案是什么？

我正在考虑将十六进制字符串一一转换为base64，然后使用 <img>标签以将其显示在 html 页面上。

我使用 python 来转换它:

encoded = HEX_STRING.decode("hex").encode("base64") 

逐像素转换它会给我这个 /wAA/wAA/wAA 。然后我会将其添加为 src到图像标签:<img src='data:image/png;base64,iVBORw0KGgo/wAA/wAA/wAA' alt='img'>

这行不通。

我能想到的唯一其他方法是使用 html canvas 逐像素绘制图像。

我想知道是否有更简单的解决方案？

Answer 1

实现这一点的基本方法:

import ast
import imageio
import numpy as np
data="FF00FF00FF00"*100
shape=(30,20)

to_int=ast.literal_eval(str("0x")+data)
to_array=np.frombuffer(to_int.to_bytes(len(data)//2,'big'),
np.uint8).reshape(shape)
##
imageio.imsave("try.png",to_array)

图像在那里: