왜 내 캔버스가 나타나지 않습니까?

Question

<canvas id="canvas" width="150" height="150"> 
    <p>Désolé, votre navigateur ne supporte pas Canvas mettez le donc à jour</p> 
</canvas> 
<script> 
    var canvas = document.querySelector('#canvas'); 
    var context = canvas.getContext('2d'); 
    var test = new Image(); 
    test.src = 'test.jpg'; // I'm sure that test.jpg is in the folder 
    context.drawImage(test, 35, 35); 
</script> 

도와 주실 수 있습니까? 내 캔버스가 있지만 캔버스에 이미지를 삽입 할 수 없습니다. 왜? 누군가 나를 설명 할 수 있습니까?

Answer 1

load 이벤트를 사용하여 이미지를 다운로드 할 때까지 기다려야합니다.

var test = new Image(); 

test.onload = function() { context.drawImage(test, 35, 35); }; 

test.src = 'test.jpg';