应用错误收集

我正在关注YouTube上的一些视频教程，这些视频教程将图像添加到画布上，尽管与视频相同，但我的代码却无法正常工作。

这是我的HTML：

<!DOCTYPE html>
<html>
<head></head>
<body>
    <canvas id="canvas" width="1200" height="800"></canvas>
    <script src="blackjack.js"></script>
</body>
</html>

这是JavaScript：

var cvs = document.getElementById("canvas");
var ctx = cvs.getContext("2d");

ctx.fillStyle= "#000000";

ctx.fillRect(0,0,1200,800);

var logo = new Image();
logo.src = "images/logo.png";

function draw(){
    ctx.drawImage(logo, 50, 50);
}

draw();

我的项目文件夹中的图像文件夹中有logo.png文件

Javascript-我无法在画布上绘制图像

0 个答案: