javascript как вставить картинку из файла в canvas

Создаем новый объект Image:

var newImg = new Image();

В качестве источника даем ему любую картинку

newImg.src = "pic.png";

Мы можем сразу поместить картинку в канвас, но нам нужно быть точно увереным, что картинка уже загрузилась на пользовательское устройство, поэтому нужно сделать проверку и после нее помещать изображение в канвас.

newImg.onload = function() {
   context.drawImage (newImg, 20, 120, 70, 70);
};

drawImage - сначала координаты x,y а затем размеры картишки широта и высота