window.onload = init;
var map;
var ctxMap;
var drwbtn;
var clrbtn;
var gameWidth = 800;
var gameHeight = 500;
var background new Image();
background.src = "bg1.jpg";
function init() {
map = document.getElementById("map");
ctxMap = map.getContext("2d");
map.width = gameWidth;
map.height = gameHeight;
drwbtn = document.getElementById("drwbtn");
clrbtn = document.getElementById("clrbtn");
drwbtn.addEventListener("click", drawRect, false);
clrbtn.addEventListener("click", clearRect, false);
drawBg();
}
function drawRect() {
ctxMap.fillStyle = "#3D3D3D";
ctxMap.fillRect(10, 10, 100, 100);
}
function clearRect() {
ctxMap.clearRect(0, 0, 800, 500);
}
function drawBg() {
ctxMap.drawImage(background, 0, 0, 600, 480, 0, 0, 800, 400);
}
Помогите!