Can'；t使用HTML和Javascript创建画布
我对编码和这个网站都是全新的，我遇到了一个以前不存在的问题 我跟着一段视频用Javascript编写俄罗斯方块代码，起初我使用p5.js编辑器进行编码，但发现我遇到了很多问题，语法不匹配，等等 我已经转到Atom编辑器，因为它似乎具有与视频类似的功能-请记住，我是一个绝对的初学者，下面是我能做的最好的 这是代码。问题是它应该创建一个240x400画布，在p5.js中是这样，但在其他地方，它没有。我尝试先使用Node.js预览代码，结果显示为空。现在我在Atom中使用了一个实时HTML预览包，它也变成了空白Can'；t使用HTML和Javascript创建画布,javascript,html,canvas,Javascript,Html,Canvas,我对编码和这个网站都是全新的，我遇到了一个以前不存在的问题 我跟着一段视频用Javascript编写俄罗斯方块代码，起初我使用p5.js编辑器进行编码，但发现我遇到了很多问题，语法不匹配，等等 我已经转到Atom编辑器，因为它似乎具有与视频类似的功能-请记住，我是一个绝对的初学者，下面是我能做的最好的 这是代码。问题是它应该创建一个240x400画布，在p5.js中是这样，但在其他地方，它没有。我尝试先使用Node.js预览代码，结果显示为空。现在我在Atom中使用了一个实时HTML预览包，它也
<html>
<head>
<title>Tetris</title>
</head>
<body>
<canvas id="tetris" width="240" height="400"></canvas>
<script src="tetris.js"></script>
</body>
</html>
提前感谢您提供的任何帮助 您的代码是正确的。您可以尝试等待绘图，直到页面完全加载：
document.addEventListener("DOMContentLoaded", function () {
const canvas = ...
...
});
你写得很好，它会创建黑盒，希望这对你有用。在浏览器中按F12键，进入开发者控制台。上面说什么？
document.addEventListener("DOMContentLoaded", function () {
const canvas = ...
...
});
document.addEventListener("DOMContentLoaded", function () {
const canvas = document.getElementById('tetris');
const context = canvas.getContext('2d');
context.fillStyle = '#000';
context.fillRect(0, 0, canvas.width, canvas.height);
})