Question

＆＃13;

<html>
<canvas id="gameCanvas" width="800" height="600"></canvas>

<script>
var canvas;
var canvasContext;

window.onload = function() {
                   console.log("Hello World!");
                   canvas = document.getElementById('gameCanvas');
				   canvasContext - canvas.getcontect('2d');
				   canvasContext.fillSyle = 'black';
				   canvasContext.fillRect(0,0 canvas.width,canvas.height);
				   canvasContext.fillSyle = 'red';
				   canvasContext.fillRect(100,200,50,25);
				   
 }


</script>
<html>

＆＃13;

好的，所以我真的开始学习如何编码昨天，但这是我的问题。我知道这个问题会被问到很多，但我想尝试的是在谷歌chrome html中制作一个黑色矩形，但它给了我这个错误。我不知道为什么（我认为我检查了其他问题（可能不是）），但它不会形成黑色矩形。就像我说的那样，我昨天开始编码，所以我很抱歉，如果我浪费了某个人的时间，但我想尝试制作乒乓球游戏，我甚至无法制作一个帆布所以有人可以尽可能简单地向我解释为什么这不会工作。顺便说一下，当我读到其他类似问题的答案时，我无法理解它们。

Answer 1

我修复了mistakes and typographical errors。

<html>
<canvas id="gameCanvas" width="800" height="600"></canvas>

<script>
  var canvas;
  var canvasContext;

  window.onload = function() {
    console.log("Hello World!");
    canvas = document.getElementById('gameCanvas');
    canvasContext = canvas.getContext('2d');
    canvasContext.fillStyle = 'black';
    canvasContext.fillRect(0, 0, canvas.width, canvas.height);
    canvasContext.fillStyle = 'red';
    canvasContext.fillRect(100, 200, 50, 25);

  }
</script>
<html>

参数列表之后没有出现的语法错误：缺失）（我很抱歉）

1 个答案: