Описание тега drawimage

Метод drawImage() рисует изображение, холст или видео на холсте. Он также может рисовать части изображения и / или увеличивать / уменьшать размер изображения.

Метод drawImage() рисует изображение, холст или видео на холсте.

Метод drawImage() также может рисовать части изображения и / или увеличивать / уменьшать размер изображения.

пример

function draw() {
  var ctx = document.getElementById('canvas').getContext('2d');
  var img = new Image();
  img.src = 'images/backdrop.png';
  img.onload = function(){
    ctx.drawImage(img,0,0);
    ctx.beginPath();
    ctx.moveTo(30,96);
    ctx.lineTo(70,66);
    ctx.lineTo(103,76);
    ctx.lineTo(170,15);
    ctx.stroke();
  }
}

Ссылки

  1. drawImage - Ссылка MDN
  2. Canvas - пример drawImage
  3. Холст - Учебное пособие по drawImage