html проблемы холста с context.drawImage ()

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

Answer 1

изменить:

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

на:

groundImg.addEventListener("load", startDraw);