JS - problem z atrybutem src obiektu Image

Question

<script>

	var canvas = document.getElementById('c');
	var ctx = canvas.getContext('2d');
	
	ctx.moveTo(0,0);
	
	
	var img = new Image();
	img.src = 'c.jpg';
	
	ctx.drawImage(img, 15, 15);
	
	
	
	ctx.stroke();

</script>

Problem jest taki że owy obraz nie chce się wyświetlać na canvasie.

Także ten, obrazek 'c.jpg' na 100% jest w tym samym katalogu do index, po stworzeniu w sekcji body <img src='c.jpg></img> obrazek się pokazuje, to samo jak w src wkleję link do obrazka z internetu.Wtedy nie ma żadnych problemów.Jakieś pomysły?

Answer 1

img.onload = function() {
    ctx.drawImage(img, 15, 15);
}