是否可以將繪製的圖形存儲到臨時位圖中以便稍後在HTML5畫布上進行Alpha構圖？

Question

我正在用HTML5畫布製作某種UI圖層。所有圖層都可以嵌套，並且可以有alpha。應該使用正確的alpha組合來繪製嵌套圖層。爲此，需要某種臨時位圖存儲。如何將圖形繪製存儲到臨時位圖中？

Answer 1

你總能在內存中的畫布（如不將其添加到DOM）

storedCanvas = document.createElement('canvas');

然後你就可以畫整個畫布到畫布：

storedCtx.drawImage(firstCanvas, 0, 0);

然後你可以做任何你想要的第一個畫布，存儲的一個不會改變。然後，當你想回憶起那時，你只是做

firstCanvasCtx.drawImage(storedCanvas, 0, 0);