gpt4 book ai didi

javascript - 脚本正确,但无法在浏览器中运行

转载 作者:行者123 更新时间:2023-12-02 23:38:31 24 4
gpt4 key购买 nike

所以我在 HTML 中链接了这个非常基本的 js 脚本,当我尝试运行它时它没有给出任何错误,但它只是没有执行它应该执行的操作。代码如下:

var canvas = document.getElementById("canvas"),
c = canvas.getContext("2d"),
width = canvas.width = window.innerWidth,
height = canvas.height = window.innerHeight;
c.fillRect(0, 0, 50, 50);
<!DOCTYPE html>
<html>

<head>
<script type='text/javascript' src='main.js'></script>
</head>

<body>
<canvas id='canvas'></canvas>
</body>

</html>

这应该只是在左上角绘制一个正方形,但它什么也没做。它最初是一个相当大的文件,但我将其缩小到这个大小,只是作为概念证明。正如您所看到的,该代码片段可以工作,但 chrome 却不能。

最佳答案

您的脚本在 Canvas 声明之前启动。在脚本启动时,您的 Canvas dom 对象尚未定义。此外,将类型更改为text/javascript。更改为:

<!DOCTYPE html>
<html>

<head>

</head>

<body>
<canvas id='canvas'></canvas>
<script type='text/javascript' src='main.js'></script>
</body>

</html>

关于javascript - 脚本正确,但无法在浏览器中运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56191355/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com