Возможно ли сохранить нарисованную графику во временном растровом изображении для последующей альфа-композиции на холсте HTML5?

Question

Я делаю какие-то слои пользовательского интерфейса с помощью HTML5 canvas.Все слои могут быть вложенными и иметь альфа.Вложенные слои должны быть нарисованы с правильной альфа-композицией.Для этого требуется какое-то временное растровое хранилище.Как я могу сохранить графический рисунок во временном растровом изображении?

Answer 1

Вы всегда можете сделать холст в памяти (например, не добавлять его в DOM)

storedCanvas = document.createElement('canvas');

Затем вы можете нарисовать весь холст на этом холсте:

storedCtx.drawImage(firstCanvas, 0, 0);

Тогда вы можете делать все, что захотите, с первым холстом, сохраненный не изменится. Затем, когда вы хотите вспомнить это, вы просто делаете

firstCanvasCtx.drawImage(storedCanvas, 0, 0);