有没有办法制作 2 幅画布，两幅画布上都有图像？

问：

所以我想要一个画布，上面都有一张图像。

这是我目前拥有的画布代码

<img id="Man2" width="0" height="0" src="Man2.PNG" alt="Man2">

<canvas id="myCanvas1" width="600" height="450" style="border:1px solid grey;"></canvas>

<script>
window.onload = function() {
  const canvas = document.getElementById("myCanvas1");
  const ctx = canvas.getContext("2d");
  const img = document.getElementById("Man2");
  ctx.drawImage(img, 10, 10);
};
</script>

有没有办法复制这一点？

我试图通过更改源、图像 id、alt、canvas id 来复制代码。这是我所做的。

<img id="Evil" width="0" height="0" src="Evil.png" alt="Evil">

<canvas id="myCanvas2" width="600" height="450" style="border:1px solid grey;"></canvas>

<script>
window.onload = function() {
  const canvas = document.getElementById("myCanvas2");
  const ctx = canvas.getContext("2d");
  const img = document.getElementById("Evil");
  ctx.drawImage(img, 10, 10);
};
</script>

它确实用图像制作了另一幅画布。但它完全删除了另一张画布上的图像。

这里有几张图片可以说明我的意思。