Script

document.getElementById('app').innerHTML="
Canvas window.onload function and Image Object
";

var canvas = document.querySelector('canvas');
var ctx = canvas.getContext('2d');
var w = 545;
var h = 350;
	canvas.width = w;
	canvas.height = h;

	ctx.clearRect(0,0,w,h);
	ctx.rect(0,0,w,h);
	ctx.fillStyle="black";
	ctx.fill();
	
window.onload = function (){    
var img = new Image();
    img.src = 'https://img.webme.com/pic/o/okulsa/s1.png';
    img.onload = function ()
  {
      ctx.drawImage(img, 0, 0,100,110);
  }
}