Javascript Canvas绘制图像以仅缓冲

Question

我正在使用Canvas仅使用图像数据以各种方式处理图像。我正在得到这样的图像：

const vid = document.querySelector('video');
const canvas = document.querySelector('canvas');
const context = canvas.getContext('2d');

但是，如果我不这样在屏幕上实际绘制图像：

context.drawImage(vid, 0, 0, canvas.width, canvas.height);

然后我无法处理它的图像数据...可以通过任何方式在数据中完成所有操作吗？我根本没有用我的应用程序显示图像。有什么办法只能将其绘制到缓冲区吗？

我要做的就是捕获图像，然后处理它的图像数据，因此我不需要在任何地方显示它。

Answer 1

您可以使用Javascript这样的动态创建画布元素

var canvas=document.createElement("canvas");

获取上下文

var context = canvas.getContext('2d');

并最终不要通过省略

将其附加到DOM

document.body.appendChild(canvas);

即使您仍然能够执行所有绘图操作，例如 drawImage（）