캔버스에 이미지를 HTML5로 그리기

Question

캔버스에 그려진 이미지를 얻으려고했지만 실패했습니다. HTML 코드는 추가 처리없이 단순히 캔버스 요소 "canvas1"을 생성합니다. 여기

은 JS입니다 :

function loadlogo(){ 
    var logo = new Image(); 
    var canvas = document.getElementById('canvas1'); 
    var context = canvas.getContext('2d'); 
    //resize the canvas to the current window 
    context.canvas.width = window.innerWidth; 
    context.canvas.height = window.innerHeight/3; 
    logo.src = "images/1.png"; 
    logo.onload = function() {context.drawImage(logo,0,0;}; 
    context.shadowOffsetX = 50; 
    context.shadowOffsetY = 30; 
    context.shadowColor = "pink"; 
    } 

    window.addEventListener("load",loadlogo,false); 
    window.addEventListener("resize",loadlogo,false); 

하면 좋지 않을까 줄 수있는 어떤 도움! 나는 많은 방법을 시도하고 붙어있다. 당신의 img SRC에게

Answer 1

는 IMG에 대한 귀하의 온로드 기능을 넣어 세트 후 src 넣을 것을 권장합니다. onload을 올바르게 초기화했는지 확인하십시오.

Answer 2

변경이 부분

{context.drawImage(logo,0,0;}; 
         ^Notice the missing end-parenthesis here 

나는 또한 QBM5 예정대로 것

{context.drawImage(logo,0,0)}; 

를 할당하기 전에

덕분에, 브라이언