html canvas problems with context.drawImage()

Question

我正在使用画布，我正在尝试将图像绘制到画布上，但它不起作用。我发现我需要使用事件侦听器，但它没有修复它。有人可以告诉我出了什么问题。

const c = document.getElementById("myCanvas");
const ctx = c.getContext("2d");
const groundImg = new Image();
groundImg.src = "ground.png";
groundImg.addEventListener("load", startDraw());
function startDraw() {
ctx.drawImage(groundImg, 0, 0, c.width, c.height);
}

Answer 1

更改：

groundImg.addEventListener("load", startDraw());

自：

groundImg.addEventListener("load", startDraw);