Imagens no Canvas HTML

Canvas - Imagem

Para desenhar uma imagem na tela, use o seguinte método:

• drawImage(image,x,y)

Exemplo

JavaScript:

window.onload = function() {
  const canvas = document.getElementById("myCanvas");
  const ctx = canvas.getContext("2d");
  const img = document.getElementById("tulip");
  ctx.drawImage(img, 10, 10);
}

Experimente você mesmo

Veja também:

Manual Completo de Referência do Canvas do CodeW3C.com