在浏览器中显示rgb8像素数据

<canvas id="myCanvas" width="500" height="500"></canvas>

const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");

const imageData = ctx.createImageData(canvas.width, canvas.height);
const data = imageData.data;
const pixelData = [r1, g1, b1, r2, g2, b2, ...]; // 像素数据，依次为每个像素的R、G、B分量值

for (let i = 0; i < pixelData.length; i += 3) {
  const index = i / 3 * 4;
  data[index] = pixelData[i];     // R分量
  data[index + 1] = pixelData[i + 1]; // G分量
  data[index + 2] = pixelData[i + 2]; // B分量
  data[index + 3] = 255; // Alpha通道值，255表示完全不透明
}

imageData.data.set(data); // 将像素数据复制到ImageData对象

ctx.putImageData(imageData, 0, 0);