자바스크립트 캔버스 배경 질문요

Question

var canvas = document.getElementById('game');
var context = canvas.getContext('2d');

var grass_image;

function drawBackground(){
 context.drawImage(grass_image,0,0,canvas.width,canvas.height);
}

function loadResources(){
 grass_image=new image();
 grass_image.src='grass.jpg';

}

function gameLoop() {
drawBackground();
}

loadResources();
setInterval(gameLoop, 1000/60);

 

기존 코드를 응용해서 캔버스에 꽉찬 배경좀 만들라하는데

안되네요 방법도 도저히 모르겟네요

Answer 1

위 코드에서 딱 보이는 문제는 grass_image=new image(); 라인이네요. image가 아니라 Image가 되어야겠죠? 일반적으로 constructor function은 대문자로 시작합니다. new 다음에 소문자로 시작하고 있다면 일단 의심을 하셔야 합니다.