Italian subtitles

← cs255_unit1_04_p_Caricare-Immagini

Get Embed Code
8 Languages

Showing Revision 1 created 03/19/2013 by fabio.

  1. Il grosso delle interazioni che GRITS ha con Canvas avviene attraverso il rendering delle immagini
  2. nel canvas stesso. Per poter disegnare un'immagine nel canvas, dobbiamo prima caricarla.
  3. Per caricare un immagine abbiam bisogno di creare un nuovo oggetto immagine, che
  4. in Javascript comprende 3 passaggi: numero 1, bisogna dichiarare
  5. l'oggetto immagine, numero 2, bisogna definire la sua funzione onload e poi, numero 3,
  6. dobbiamo configurare l'attributo 'image.source'. E' bene notare che nel momento in cui
  7. si assegna un valore alla proprieta' source, Javascript lancera'
  8. la funzione onload. Per questo motivo dobbiamo prima specificare la funzione di callback,
  9. prima di preparare l'attributo source, altrimenti l'immagine carichera' i dati
  10. e non avra' un callback per riceverli.
  11. Diamo ora un'occhiata a questo codice: ecco la URL dell'immagine che vorremmo
  12. che tu caricassi. Vorremmo che tu creassi un nuovo oggetto immagine, seguendo
  13. i passaggi summenzionati e configurassi la funzione onload e la proprieta' source
  14. dell'immagine descritta nel codice. Assicurati che alla funzione onload sia
  15. assegnata questa onImageLoad quaggiu', che in effetti stampera' un bel
  16. messaggino nel log della console, informandoti del fatto che le cose son state caricate
  17. a dovere. Se non ti rendi conto se l'immagine sia stata o meno caricata,
  18. non dimenticarti di controllare gli Strumenti per Sviluppatori di Chrome nella scheda "rete", che mostrera'
  19. se l'immagine sia stata o meno caricata e quanto ci ha messo.