為了使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。在

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

^{pr2}$

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

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。