Я сделал следующий скрипт. Когда я нажимаю кнопку, слово «кровь» перемещается, а когда я нажимаю кнопку, оно останавливается.
Этот скрипт работал в Chrome, но когда я перемещаю следующие скрипты в верхнюю строку. (между var flag; и window.setInterval), возникает ошибка:
необнаруженная ошибка типа не может вызвать метод 'getcontext' с нулевым значением"
Не могли бы вы объяснить, почему это происходит?
var canvas = document.getElementById("canvas"), ctx = canvas.getContext("2d");
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;
}
Подробнее здесь: https://stackoverflow.com/questions/232 ... l-variable
