html canvas context.drawImage() 问题

Question

我正在使用 canvas 并且我正在尝试将图像绘制到 canvas 但它不起作用。我发现我需要使用 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);

html canvas context.drawImage() 问题

html canvas problems with context.drawImage()

html

javascript

canvas

drawimage