Brackets doesn't load my canvas
Question
When I'm referencing my JavaScript file to my index.html file (two separate files in the same folder), and I load the html file in a browser, the drawing i made in the javascript file doesnt show in the canvas.
Here is this HTML code:
<!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>
and here is the 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();
in JS-fiddle the code works, it looks like this: https://jsfiddle.net/j2ny6gaf/72/
I'm also getting some errors from JSLint.
"Missing use of 'strict' statement, on the var canvas = document.getElementById "Combine this with the previous var statement var snake = canvasgetcontext
and a ERROR; "Document is not defined.[no-undef]
3 answers
solution1
0 2018-04-21 10:43:44
Try using the script tag
<script type="text/javascript" src="snake.js"></script>
Inside the head section.
solution2
0 2018-04-21 11:10:35
尝试在 head 部分中添加您的脚本（script src=“file-name.js” /script）并尝试添加画布大小。
solution3
0 2020-10-09 11:48:04
试试
window.onload = function snake() {...}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.