我正试图在我的html画布上加载我的图像。。。。。图像在正确的文件夹中。。。。。。我只是收到一个奇怪的错误(如上所示(，我不确定发生了什么，如果你知道的话，请告诉我。这是代码：
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="800" height="500"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "black";
ctx.fillRect(0,0,800,500)
var img = new Image();
img.src = "science.PNG";
img.onload = function() {
context.drawImage(img, 145, 145);
};
</script>
</body>
</html>
context.drawImage(img, 145, 145);
请尝试将"context"更改为"ctx"。