javascript - .fillStyle 不起作用，我的代码有问题吗？或者 Canvas 的 .fillStyle 的任何替代品？

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 5 年前。

Improve this question

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);
}

<canvas id="gameCanvas" width="800" height="600"></canvas>

我不明白为什么 canvasContext.fillStyle 不起作用。对于为什么它不起作用或该功能的替代品有什么建议吗？

Answer 1

似乎正在工作。也许 fillRect 中缺少逗号？

    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);
}

<canvas id ="gameCanvas" width="40"height="40"></canvas>