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

Вы можете динамически создать элемент canvas, используя Javascript, например

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

получить его контекст

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

и в конечном итоге не добавить его в DOM, пропустив

document.body.appendChild(canvas);

Даже если вы все еще можете выполнять все операции рисования, например, DrawImage ()