通过虚拟帧缓冲设备绘制到 HTML5 Canvas答案

【问题标题】：Drawing to HTML5 Canvas via a virtual frame buffer device通过虚拟帧缓冲设备绘制到 HTML5 Canvas
【发布时间】：2013-03-10 22:47:58
【问题描述】：

如何将在浏览器之外运行的程序的输出绘制到画布上？我一直在考虑使用虚拟帧缓冲区，但不确定如何进行该过程。我认为必须有一些中间处理或使用 JavaScript 作为中介的像素数据映射。

有没有人可以提供任何建议或见解？

谢谢

【问题讨论】：

外部程序生成什么类型的输出——图像、文本、矢量？根据输出，画布可能是也可能不是一个好的选择。
输出将主要由图像和少量文本组成。
Canvas 能够使用 canvas.context.drawImage() 绘制图像，使用 canvas.context.fillText() 绘制文本。 Canvas 能够渲染 30-60fps 的视频，并为每一帧添加标题——而且操作相当简单。这是一篇关于如何捕捉视频并绘制到画布中的博客文章。
您是要发布链接吗？
Chuckle =) ...是的，我做到了！这是：html5doctor.com/video-canvas-magic

【解决方案1】：

我知道这个帖子有点老了...

作为Guacamole (Linux/Apache/Java) 的替代方案，您可以查看Myrtille, (Windows/IIS/C#)。它适用于 HTML4（使用 div 和 xhr）和 HTML5（使用 canvas 和 websockets）。

【讨论】：

【解决方案2】：

HTML5 画布不是为此而设计的。它旨在从 Web 读取图像（或视频）数据并将其显示为正常的 http 下载或 xmlHttpRequest。当您需要将外部应用程序生成的图像数据获取到 Web 浏览器的 javascript 引擎中时，您需要将该图像数据公开为 Web 服务。

【讨论】：

【解决方案3】：

感谢 MarkE 和 Philipp 的推动，我发现了似乎是合适解决方案的开端。

虽然它不直接涉及帧缓冲区，但我发现 Guacamole 是一个 HTML5 远程桌面网关，http://guac-dev.org/ 它仅使用 Ajax 和 HTML5 在浏览器中使用 vnc 或 RDP 协议在远程系统的桌面上呈现。它是开源的，在我看来是一个合适的起点。

【讨论】：