Question

当我将我的JavaScript文件引用到我的index.html文件（同一文件夹中的两个单独文件），并且我在浏览器中加载html文件时，我在javascript文件中创建的图片不会在画布上显示。

以下是此HTML代码：

<!DOCTYPE html>
<html>
   <head>
      <title>snake</title>
      <script language="javascript" type="text/javascript" src="snake.js"></script>
   </head>
   <body>
      <canvas id="dots" height="500" width="500"></canvas>
   </body>
</html>

，这是JavaScript：

function snake() {
    var canvas = document.getElementById("dots");
    var snakehead = canvas.getContext('2d');
    snakehead.beginPath();
    snakehead.arc(100, 75, 50, 0, 2 * Math.PI);
    snakehead.stroke();
    snakehead.fillStyle = "#2776ff";
    snakehead.fill();
}
snake();

在JS-fiddle代码中，

看起来像这样：https://jsfiddle.net/j2ny6gaf/72/

我也从JSLint收到一些错误。

＆＃34;缺少使用＆＃39; strict＆＃39;语句，在var canvas = document.getElementById上＆＃34;将其与之前的var语句var snake = canvasgetcontext

结合使用

和错误; ＆＃34;文档未定义。[no-undef]

Answer 1

尝试使用head部分中的script标签。希望它有效

Answer 2

尝试在head部分（脚本src =“file-name.js”/ script）中添加脚本，然后尝试添加画布大小。

Answer 3

尝试

window.onload = function snake() {...}

Brackets不会加载我的画布

3 个答案: