Javascript画布仅将图像绘制到缓冲区

我正在使用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);

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

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

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

然后我不能处理它的图像数据…有没有任何方法可以在数据中完成这一切？我根本没有必要在我的应用程序中显示图像。有没有办法把它拉到缓冲区或者别的什么地方

---

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

您可以使用类似Javascript的Javascript动态创建画布元素

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

了解它的上下文

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

最后，不要通过省略将其附加到DOM中

document.body.appendChild(canvas);

---

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

Wow，就这么简单。我在想，有一些方法可以在不绘制图像数据的情况下获取图像数据，但我想这是一个很好的解决方法。