Javascript JS:将字节矩阵转换为图像

Javascript JS:将字节矩阵转换为图像,javascript,image,byte,Javascript,Image,Byte,在JS代码中,我从一个摄像头中得到一个2D字节矩阵(0-255之间的整数值),我想在元素中显示它。有没有办法把这个矩阵转换成图像 我曾尝试使用window.atob(),但它失败并停止执行代码。是的,这是可能的。您需要这样做(例如120x120图像): Html: <canvas id="canvas" width=120 height=120></canvas> var canvas = document.querySelector('canvas'); var ct

在JS代码中,我从一个摄像头中得到一个2D字节矩阵(0-255之间的整数值),我想在
元素中显示它。有没有办法把这个矩阵转换成图像


我曾尝试使用
window.atob()
,但它失败并停止执行代码。

是的,这是可能的。您需要这样做(例如120x120图像):

Html:

<canvas id="canvas" width=120 height=120></canvas>
var canvas = document.querySelector('canvas');
var ctx = canvas.getContext("2d");
var imgData = ctx.createImageData(120, 120);
// Now you need to assign values to imgData array into groups of four (R-G-B-A)
let j = 0;
iterate your object {
    imgData.data[j] = R value;
    imgData.data[j + 1] = G value;
    imgData.data[j + 2] = B value;
    imgData.data[j + 3] = 255 (if greyscale);
    j += 4;
}
ctx.putImageData(imgData, 0, 0);