无法绘制html5画布

Question

所以我正在制作一种游戏，我刚刚开始，所以我在你点击它之前做的是什么，但它不起作用。非常感谢帮助，here's我网站的一个小伙伴。

Answer 1

我发现了一些问题：

• 通过查看代码，我假设你想使用jQuery。您需要在左侧选择，不幸的是jsFiddle Mootools是默认的
• 您的onload事件被称为Load - 需要将其设为小写。此外，在元素上调用了事件 - 在jQuery中，你只需要使用$(function() { ... })，然后调用该函数然后加载页面，这是一个快捷方式
• 要绑定事件处理程序以进行点击，您需要$(el).click，而不是$(el).onClick。对于所有事件处理程序，这一点都是相同的（之前没有“on”前缀）
• 要获取元素，请使用document.getElementById，而不只是getElementById。这是document对象上的函数，而不是全局函数
• jQuery对象与“常规”DOM对象不同。执行document.getElementById时，您将获得一个DOM对象。你不能在那上面调用jQuery函数 - 你必须先将它包装到jQuery对象中。要做到这一点，你只需$(canvas)，其中canvas是持有DOM元素本身的变量

这是一个更新的jsFiddle，它基本上有画布工作：

• http://jsfiddle.net/TXyaX/4/

您必须查看您的函数（在artisan“命名空间中”），但是您在jsFiddle上有基本的构建块。您可能还希望将来减少jsFiddle示例 - 即不要粘贴整个HTML，只粘贴相关部分。查看jsFiddle屏幕的左侧部分 - 例如要添加脚本，请不要将其放入HTML框中，而是使用左侧的“添加资源”并将.js文件的URL放在那里。

希望这有帮助。