RblSb, Не работает

Открыть спойлер

Закрыть спойлер

[копировать] [скачать]

1. var canvas = document.getElementById('canvas');
2. var context = canvas.getContext('2d');
3. var x = 10;
4. var y = 100;
5.  
6. function init(x, y) {
7.     context.fillStyle = '#000000';
8.     context.fillRect(x, y, 20, 20);
9.     context.save();
10. }
11.  
12. function key(event) {
13.     if (event.keyCode == 54) {
14.         x++;
15.         init(x, y);
16.     }
17.     if (event.keyCode == 52) {
18.         x--;
19.         init(x, y);
20.     }
21. }
22.  
23. document.onkeydown = key;
24. init(x, y);

ширина и высота у канваса установлення надеюсь?

Fantastik, всё работает, но новые кадры не затирают старые. Добавь очистку перед отрисовкой:И коды клавиш проверь.
Пример: http://jsfiddle.net/mrEDitor/hf8us1qe/

и еще, если стиль заливки не меняется, то установку стиля вынеси за функцию, зачем каждый раз устанавливать его. и убери сейв, он не надо

Подскажите как прочитать файл по байтам с сервера/локалки

жс не может напрямую работать с текстовыми файлами. Но есть несколько вариантов, как получить текст.Самый простой - это разместить текст на странице с жс как простой текст в какой-то див и спрятать его. Но это может не подойти с разных рассуждений, например доступность кода в браузере всем.
А можно использовать аякс, и получить файл серверным скриптом(на пхп например) как строку.

Dinisimys, Ну есть же File API. При условии, что файлы были сохранены в локальное хранилище ранее, их можно и прочесть. Не очень богатый набор вариантов, но всё же.

ответом оказался XMLHttpRequest, который умеет в байты.
https://developer.mozilla.org/...eceiving_Binary_Data

просто для интереса, а зачем это тебе?

Dinisimys, загружать игровые карты и любые другие данные из файлов