為了使data:image/png;base64,iVBORw0KGgo/wAA/wAA/wAA有意義，iVBORw0KGgo/wAA/wAA/wAA必須表示一個有效的base64編碼的PNG圖像。在

最簡單的方法是使用canvas：function create_image(width, height, grayscale_pixels) {

var $canvas = document.createElement('canvas');

var context = canvas.getContext('2d');

var image_data = context.createImageData(width, height);

for (var i = 0; i < width * height; i++) {

// Write (r, g, b, a)

image_data[4 * i + 0] = grayscale_pixels[i];

image_data[4 * i + 1] = grayscale_pixels[i];

image_data[4 * i + 2] = grayscale_pixels[i];

image_data[4 * i + 3] = 255;

}

context.putImageData(image_data, 0, 0);

return $canvas;

}

您可以使用$canvas.toDataURL('image/png')獲得可用的data:URL。在

如果您的目標(biāo)瀏覽器不支持canvas，并且需要一個數(shù)據(jù)URL，那么您將不得不很難做到這一點。我建議你試試更簡單的BMP圖像格式，而不是PNG。下面是一個Python示例：

^{pr2}$

您可以很容易地將其轉(zhuǎn)換為JavaScript并使用base64對其進行編碼。在

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的如何把图片转为html,如何将原始十六进制图像转换为html图像的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。