„var canvas = document.getElementById(„canvas“)“ kann keine globale Variable sein? ⇐ HTML

[Anonymous]

Ich habe das folgende Skript erstellt. Wenn ich den Knopf drücke, bewegt sich das Wort „Blut“, und wenn ich den Knopf drücke, stoppt es.

Dieses Skript funktionierte in Chrome, aber wenn ich die folgenden Skripte in die oberste Zeile verschiebe. (zwischen var flag; und window.setInterval) tritt ein Fehler auf, der besagt:


Uncaught typeerror can call method 'getcontext' of null"


Würden Sie bitte erklären, warum das passiert?

Code: Select all

var canvas = document.getElementById("canvas"), ctx = canvas.getContext("2d");

Code: Select all

var y = 100;
var flag = false;

window.onload = setInterval(function(){
var canvas = document.getElementById("canvas"),
ctx = canvas.getContext("2d");

ctx.fillStyle = "black";
ctx.fillRect(0, 0, canvas.width, canvas.height);

ctx.fillStyle = "red";
ctx.font = "50px Helvetica";
ctx.fillText("blood", 200, y);

if(flag){
y++;
}

}, 30);

function start(){
flag = true;
}

function stop(){
flag = false;
}