js将二维数组渲染成图像

Question

如何使用js实现类似于python的 cv.imshow()方法，将一个二位数组渲染成一个灰度（彩色）图像在网页中显示

Answer 1

如果你要在Node环境中运行，你可以了解下OpenCV.js，功能很强大的一个库
可以看下这篇介绍：初识 opencv.js
其中有一段代码演示：

// 读取
let mat = cv.imread("inputCanvasId");
// 其中 inputCanvasId 为目标 DOM 元素的 id 属性

// 写入
cv.imshow(mat, "outputCanvasId");
// mat 为处理后图像矩阵变量

---

补充回答：
还是上面链接里的内容，其中一段，你看下:

你可以尝试以下步骤：

1. 按上面文章提示编译OpenCV.js，并引入你的前端html文件中

   <script async src="opencv.js" type="text/javascript"></script>
   // 由于 opencv.js 文件体积较大，需要异步执行加载，避免阻塞 DOM 渲染。

2. 接口读取 cv 矩阵 数据 mat，就是你 Python cv.imread() 的数据

3. 执行

   cv.imshow(mat, 'outputCanvasId') // outputCanvasId 就是你要展示的dom元素id

Answer 2

webgl了解一下。

---

对应的库也有很多。比如 three.js