javascript - Node.js 中用于缓冲图像的 RGB 数组

Question

我有一个由 RGB 对象(像素颜色)组成的数组。示例:

[
    {r: 40, g: 143, b: 54},
    {r: 86, g: 193, b: 87},
    ...
]

我有图像分辨率。示例:

{
    width: 400,
    height: 300
}

如何将此数组转换为 Node.js 中的 Buffer 以在浏览器中显示？

Answer 1

1. 将 RGB 对象数组转换为字节数组。

   function RGBtoArr(rgb)
   {
       return [rgb.r, rgb.g, rgb.b];
   }
   function flattenArray(arr)
   {
       return [].concat.apply([], arr);
   }
   var buf = new Buffer(flattenArray(arr.map(RGBtoArr)))
   

2. 将结果字节编码为浏览器支持的图像格式。

   var png = new Png(buf, width, height);
   png.encode();
   

3. 将生成的图像发送给用户(以下任意一种)。
   • 将 base64 格式的图像嵌入到 HTML 中。
   • 在光盘上另存为 png 并获取要使用的 URL。
   • 作为对特定网址的 HTTP 请求的动态响应发送。