合并两个画布

Question

如果我有两个画布：

第一个画布（canvas1）是基本的，包含文本，并将作为图像保存（canvas1 + canvas2）。

第二个画布（canvas2）包含一个可以通过键盘移动的图像。代码在canvas2上运行良好，因为我首先清除了canvas2，然后使用context2.drawImage（img，x，y）。

但是，如果我写（canvas1.drawImage（canvas2，0，0）），则图像的移动显示在canvas 1中。如果我清除画布1，那么文本将消失。

所以我的问题是：当用户完成图像移动而不是在图像移动期间，如何在画布1上绘制画布2？

- Amal

Answer 1

我不太清楚为什么您想这样做，但如果您希望Canvas 1始终显示Canvas 1+2，则可以始终保存Canvas 1的内容：

1. 将Canvas 1绘制到内存画布中（称其为Canvas3）
2. 将Canvas 2绘制到Canvas 1上
3. 将Canvas 3（即保存的Canvas 1）重新绘制回Canvas 1

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

- Simon Sarris

Answer 2

尝试让两个DIV重叠在一起。每个DIV应该包含其中一个画布 :)

- Pezhvak IMV