未捕获的TypeError：无法读取null的属性’getContext’

这是我的HTML代码，显示canvas：

 </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行，它说：

未捕获的TypeError：无法读取null的属性’getContext’

任何帮助深表感谢 ：）

Answer 1

因为您尚未正确关闭playerCanvas的canvas标记：

Answer 2

在HTML加载完成之前，您的javascript似乎正在运行。 如果你可以使用jQuery把js放在里面;

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