정의되지 않은 함수에 대해 형식 오류가 계속 발생합니다. 어떤 아이디어?

Question

캔버스 3.이 아이디어의 마지막 블록에서 계속 오류가 발생합니다. 나는 어딘가에 오타가 있다고 가정하고 있지만 찾을 수는 없다. 뭔가 더블 ... 실수로 이름이되지 않는

데모 : http://jsfiddle.net/hR6dC/

// Canvas 1 
var canvas1 = document.getElementById("canvas1"); 
var context = canvas1.getContext("2d"); 

photo = document.getElementById("red"); 

function drawImage() { 
context.drawImage(photo, 0, 0); 
} 

window.addEventListener("load", drawImage, false); 

// Canvas 2 
var canvas2 = document.getElementById("canvas2"); 
var context2 = canvas2.getContext("2d"); 

context2.fillStyle = "darkRed"; 
context2.fillRect(0, 2, 800, 500); 
context2.moveTo(0, 0); 
context2.lineTo(400, 300); 


// Canvas 3 
var canvas3 = document.getElementById("canvas3"); 
var context3 = canvas3.getContext("2d"); 

photo3 = document.getElementById("red2"); 

function drawImageTile() { 
    for (var x = 0; x < 6; x++) { 
     for (var y =0; y < 6; y++) { 
      context3.drawImageTile(photo3, x * 100, y * 75, 100, 75); 
     } 
    } 

} 

window.addEventListener("load", drawImageTile, false); 

Answer 1

canvas.getContext가 drawImageTile() 메소드가없는, 당신 뜻의 drawImage()?

context.drawImage(img,x,y);

자세히보기 : http://www.w3schools.com/tags/canvas_drawimage.asp