合並兩個畫布

Question

如果我有 2 個畫布：

第一個 canvas (canvas1) 是基本的，包含文本並將保存為圖像 (canvas1 + canvas2)。

第二個（canvas2）包含一個可以通過keydown在 canvas2 內移動的圖像。 當我先清除 canvas2 然后清除context2.drawImage(img,x,y)該代碼適用於 canvas2。

但是如果我寫（ canvas1.drawImage(canvas2, 0, 0)那么圖像的運動顯示在 canvas 1 中。如果我說清楚 canvas 1，那么canvas1.drawImage(canvas2, 0, 0)文本將消失。

所以我的問題是：當用戶完成移動圖像而不是在圖像移動期間，如何在 canvas 1 上繪制 canvas 2 ？

Answer 1

我不完全清楚您為什么要這樣做，但是如果您希望 Canvas 1 始終顯示 canvas 1+2，那么您始終可以保存 Z6EA5359E01A418428849431:25518 的內容

1. 將 Canvas 1 繪制到內存中的 canvas（稱為 canvas3）
2. 繪制 Canvas 2 到 Canvas 1
3. 將 Canvas 3（已保存 Canvas 1）繪制回 Canvas 1

http://jsfiddle.net/Jvgxb/14/

Answer 2

嘗試使兩個 DIV 相互疊加。 每個 DIV 都應該包含你的一個畫布:)