遺漏的類型錯誤：無法讀取空

Question

的特性「的getContext」這是我的HTML代碼，顯示畫布：

<canvas id="backgroundCanvas" width="550" height=600"></canvas> 
<canvas id="playerCanvas" width="550" height=600"></canvas 
<canvas id="enemiesCanvas" width="550" height=600"></canvas> 

這是哪裏出了問題，據說發生：

game.contextBackground = document.getElementById("backgroundCanvas").getContext("2d"); // line 32 
game.contextPlayer = document.getElementById("playerCanvas").getContext("2d"); // line 33 
game.contextEnemies = document.getElementById("enemiesCanvas").getContext("2d"); // line 34 

錯誤發生在那裏說：行34：

Uncaught TypeError: Cannot read property 'getContext' of null

任何幫助是非常讚賞:)

Answer 1

因爲你沒有正確關閉畫布標記爲playerCanvas：

<canvas id="backgroundCanvas" width="550" height=600"></canvas> 
<canvas id="playerCanvas" width="550" height=600"></canvas> 
<canvas id="enemiesCanvas" width="550" height=600"></canvas> 

Answer 2

看來HTML加載完成之前，你的JavaScript運行。 如果你可以使用jQuery把js放在這裏面;

$(document).ready(function() { 
    // js goes in here. 
});