html canvas不填充顏色

我一直在關注如何製作簡單畫布的教程。但是，即使我完全按照教程操作，畫布仍不會以任何顏色顯示。任何幫助。其竊聽我：/html canvas不填充顏色

<html> 

some text here 

<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 = 'red'; 
    canvasContext.fillRect(0,0,canvas.width,canvas.height); 
}  
</script> 
</html>

編輯：感謝您的幫助。解決了！

來源

2017-02-22 TBB Gaming l

您的混合'canvas'和'Canvas'。在js案件事宜 – llamerr

這個問題如何得到票？一個有錯誤的代碼如何能對某人有幫助？ –

隨時標記幫助你的答案正確的答案 – Yannjoel

語法錯誤太多。

這是工作

<html> 

some text here 

<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 = 'red'; 
     canvasContext.fillRect(0,0,Canvas.width,Canvas.height); 

    }  
    </script> 
</html>

來源

2017-02-22 13:21:37

這就是爲什麼我得到否定票？ –

你已經做了兩個錯誤

您在混合canavs和Canvas
你已經寫了getContext有沒有資本c

不要忘了變量和方法名在JavaScript中是casesensitve。

因此canavas不是與Canavs相同的變量，而getcontext('2d')與getContext('2d')不是同一個方法。

繼承人小提琴中，我已經改正了錯誤：

var canvas; 
 
var canvasContext; 
 

 
window.onload = function() { 
 
    console.log("Hello world!"); 
 
    canvas = document.getElementById("gamecanvas"); 
 
    canvasContext = canvas.getContext('2d'); 
 
    canvasContext.fillStyle = 'red'; 
 
    canvasContext.fillRect(0,0,canvas.width,canvas.height); 
 

 
}

some text here 
 
<canvas id="gamecanvas" width="800" height="600"></canvas>

來源

2017-02-22 13:28:36 Yannjoel

html canvas不填充顏色

回答

相關問題