Javascript | HTML畫布錯誤

Question

我想在黑色畫布上「畫」一個矩形，但它不起作用。這是我的代碼：

window.onload = function() { 
 
    canvas = document.getElementById('canvas'); 
 
    canvasContext = canvas.getContext('2d'); 
 

 
    draw(); 
 
} 
 

 
function draw() { 
 
    canvasContext.fillstyle='black'; 
 
    canvasContext.fillRect(0,0,800,600); 
 
    canvasContext.fillstyle='white'; 
 
    canvasContext.fillRect(0,0,10,10); 
 
}

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

爲什麼它不工作？

Answer 1

您使用小寫字母代替填充樣式的大寫的 「S」

變化

canvasContext.fillstyle 

到

「S」

canvasContext.fillStyle 

window.onload = function() { 
 
    canvas = document.getElementById('canvas'); 
 
    canvasContext = canvas.getContext('2d'); 
 

 

 
    draw(); 
 

 
} 
 

 
function draw() { 
 
    canvasContext.fillStyle='black'; 
 
    canvasContext.fillRect(0,0,800,600); 
 
    canvasContext.fillStyle='white'; 
 
    canvasContext.fillRect(0,0,100,100); 
 

 

 
}

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