无法在画布JavaScript中绘制图像

Question

所以我教了一些随机的东西。然后我想o画一幅图像，以便我在线记录文档，然后返回一小段代码，由于某些原因，该代码无法正常工作。

"Customer Service"

图像位于纹理文件夹中，该文件夹与脚本位于同一文件夹中。

Answer 1

您应该在window.onload上执行绘制，以防止其在加载内容之前运行。

这里是一个例子：

const cvs = document.getElementById("gameArea");
cvs.width = cvs.height = 800;
const ctx = cvs.getContext("2d");

let playArea = new Image();
playArea.src="https://upload.wikimedia.org/wikipedia/commons/e/e2/3D_Gyroscope.png";

function draw(){    
    ctx.drawImage(playArea,0,0);
}

window.onload = function() {
    draw();
}

<canvas id=gameArea></canvas>