javascript - context.drawImage() 的 html 画布问题

Question

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

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);
}

标签： javascripthtmlcanvasdrawimage

Answer 1

改变：

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

到：

groundImg.addEventListener("load", startDraw);