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

我正在构建一个电子应用程序。有一个需要有一个颜色选择器，所以我想建立一个滴眼风格的颜色选择器。我得到一些提示，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] }

位图{
宽度：2560，
身高：1600，
字节宽度：10240，
比特像素：32，
字节/像素：4，
图片：，
colorAt:[函数]}

我想将此位图显示为图像（可能带有HTML img标记）。 然后，我将能够构建一个光栅（paper.js），用于滴眼和鼠标事件监听

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

任何帮助都是感激的

bitmap.image.toString('base64')

---

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