如何使用 javascript 将位图转换为图像？答案

【问题标题】：How to convert a bitmap with javascript to an image?如何使用 javascript 将位图转换为图像？
【发布时间】：2017-05-20 20:55:55
【问题描述】：

我正在构建一个 Electron 应用程序。需要有一个颜色选择器，所以我想构建一个滴眼式颜色选择器。我得到一些提示，robot.js 和 paper.js 可能会有所帮助，所以我检查了它们。我想，有点，将它们结合在一起。我使用robot.js 获取格式为

的屏幕截图

bitmap {
  width: 2560,
  height: 1600,
  byteWidth: 10240,
  bitsPerPixel: 32,
  bytesPerPixel: 4,
  image: <Buffer d0 d0 cd ff d0 d0 cd ff d0 d0 cd ff d0 d0 cd ff d0 d0 cd ff d0 d0 cd ff d0 d0 cd ff d0 cf cd ff cf cf cd ff cf cf cd ff cf cf cd ff cf cf cd ff cf cf ... >,
  colorAt: [Function] }

我想将此位图显示为图像（可能带有 HTML img 标签）。然后我将能够为滴眼液和鼠标事件监听构建一个 Raster (paper.js)。

但是，我没有找到将这个图像缓冲区转换为实际图像的方法。

感谢您的帮助！

【问题讨论】：

标签： javascript html bitmap electron

【解决方案1】：

bitmap.image.toString('base64')

https://nodejs.org/dist/latest-v6.x/docs/api/buffer.html#buffer_buf_tostring_encoding_start_end

【讨论】：

请解释为什么这个解决方案可能适合 OPs 问题，而不是粘贴链接来回答。