Immagine HTML Canvas

Canvas - Immagine

Per disegnare un'immagine sulla lavagna, utilizzare il seguente metodo:

  • drawImage(immagine,x,y)

Esempio

Tulipano

JavaScript:

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

Prova tu stesso

Vedi anche:

Manuale completo di Canvas di CodeW3C.com