Immagini

  • di

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)

Visualizza l’immagine 10 volte specificando colonna e riga adeguatamente

Come prima, cambia le dimensioni

Come prima, carica solo una parte dell’immagine (la metà superiore)

Come prima, la metà viene viene ingrandita

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *