在屏幕上显示平铺图(HTML5/JavaScript)

在屏幕上显示平铺图(HTML5/JavaScript),javascript,html,canvas,Javascript,Html,Canvas,我的错误控制台没有显示任何JavaScript错误。我已经检查了我的代码,似乎没有任何错误。当我的屏幕上应该有一个平铺地图时,屏幕上什么也没有显示 目标是最终创建一个动画坦克,并使其在平铺贴图周围移动。这只是一个个人实验,目的是更好地使用平铺贴图和平铺(基于单元的)动画 有人能帮我吗?第21行: 然后你会发现你又犯了一个错误: Line 47: Uncaught ReferenceError: colrCtr is not defined 将其更改为colCtr 你很酷的游戏,现在开始工作

我的错误控制台没有显示任何JavaScript错误。我已经检查了我的代码,似乎没有任何错误。当我的屏幕上应该有一个平铺地图时,屏幕上什么也没有显示

目标是最终创建一个动画坦克,并使其在平铺贴图周围移动。这只是一个个人实验,目的是更好地使用平铺贴图和平铺(基于单元的)动画

有人能帮我吗?

第21行: 然后你会发现你又犯了一个错误:

Line 47: Uncaught ReferenceError: colrCtr is not defined
将其更改为
colCtr

你很酷的游戏,现在开始工作了


请注意,刚刚在jsfiddle中测试过的jQuery等价物是什么?我尝试了tileSheet.load(drawScreen());但这不起作用。@YangPulse-在放入任何回调时删除
()
@另外,如果你认为我的答案有帮助,你可以接受它作为解决方案。(单击复选标记)我刚刚尝试了tileSheet.load(drawScreen);但那没用。
Line 47: Uncaught ReferenceError: colrCtr is not defined