Html 如何将两个或三个画布的内容本地复制到另一个画布

我有几层画布：

<canvas id="layer1" width="700" height="700" class="pageCanvas">   </canvas>
<canvas id="layer2"  width="700" height="700" class="pageCanvas">   </canvas>
<canvas id="layer3"  width="700" height="700" class="pageCanvas">   </canvas>

我想把画布的图像

第1层和第2层

画

第三层

如果你把代码写下来我会很高兴，因为我在网上找不到任何好的解释

---

谢谢`

将两张画布组合起来，放到第3层：

var canvas1 = document.getElementById('layer1');

var canvas2 = document.getElementById('layer2');

var canvas3 = document.getElementById('layer3');

canvas3.drawImage(canvas1, 0, 0);

canvas3.drawImage(canvas2, 0, 0);