Immagini

L’immagine, presente nella pagina, può essere referenziata tramite

• document.images
• document.getElementByTagName(“img”)
• document.getElementById(“img_id”)

oppure può essere creata, con un URL qualsiasi, tramite

• var img=new Image();
• img.src=”name.ext”;

Prima di utilizzare l’immagine bisogna essere sicuri che sia stata caricata con

• img.onload=”function () { … }”

Per visualizzare un’immagine esiste drawImage() con 3 scelte per i parametri

• drawImage(img, x, y)
  • img, oggetto immagine
  • x, la colonna dove visualizzare l’immagine
  • y, la riga dove visualizzare l’immagine
• drawImage(img, x,y, w,h)
  • img, x,y, …
  • w, larghezza dell’immagine visualizzata
  • h, altezza dell’immagine visualizzata
• drawImage(img, ix,iy, iw,ih, x,y, w,h)
  • img, …
  • ix, colonna da dove copiare
  • iy, riga da dove copiare
  • iw, larghezza da copiare
  • ih, altezza da copiare
  • x,y,w,h, …

Visualizza l’immagine alla posizione specificata (100,50)