在 HTML 中显示来自 Python 的 RGB 数组答案

【问题标题】：Displaying a RGB Array from Python in HTML在 HTML 中显示来自 Python 的 RGB 数组
【发布时间】：2022-01-21 22:29:20
【问题描述】：

我使用 openCV 完成了一个简单的图像处理，它有一个 RGB-Array 作为输出。

是否可以将我的 RGB-Array 传输并显示为 HTML，而无需最初将其保存为 .jpg 或任何其他图片格式？

我不能使用 CGI，因为我需要在只允许 HTML 代码的应用程序中显示这张图片。

【问题讨论】：

您能否更好地解释“将我的 RGB 数组显示为 HTML 而不最初保存它”的意思？
最后我想从 HTML 代码中显示我处理过的图像（我有一个 RGB 数组），而不会浪费内存，最初将 RGB 保存为 .jpg 或任何其他格式的图片。
图像在自己的文件中或在 HTML 文件中有什么区别？特别是因为图像文件比嵌入在 HTML 中的图像可以更好地压缩？
我从视频中提取了某个帧并使用 Python 对其进行了处理，因此我没有实际的图像文件。相反，我只有一个 RGB 数组作为 Python 脚本的输出，我想使用 HTML 将其显示为图像。当然，我可以使用 Python 将 RGB 保存为图像文件，并用 HTML 显示它，但我想避免这种情况。
“我想避免这种情况”：为什么？你想解决什么问题？

标签： python html

【解决方案1】：

您可以将它们绘制到HTML canvas object。绘制到画布需要使用 JavaScript，但您可以轻松地将绘图函数放在 body 元素的 onload 事件中。 This StackOverflow thread 更多地讨论如何将单个像素绘制到 canvas 对象。他们构建了一个用于绘制单个像素的函数，然后演示了如何使用它来绘制一个简单的图像。如果您只是构建一个脚本，在某个 hidden html 元素中获取数据，然后让您的 Python 脚本操作该隐藏元素，那么您只需要编写一次代码。

【讨论】：