Portuguese subtitles

← cs255_unit1_04_p_Loading-Images

Get Embed Code
8 Languages

Showing Revision 1 created 02/11/2013 by cassioneto.

  1. A maior parte da interação de lona que usa grãos, é através de imagens de processamento para
  2. a lona. Para desenhar uma imagem para a tela, primeiro temos que carregá-lo.
  3. Para carregar uma imagem, precisamos criar um novo objeto de imagem, que em
  4. JavaScript, é composto de três etapas. O número 1, é que se deve declarar a
  5. objeto de imagem. Número 2, é que precisamos definir sua função onload. Em seguida, número 3
  6. precisamos definir o atributo Image. Vale a pena notar que, assim como a
  7. Propriedade de fonte se esta imagem é definido através de um script de java de valor vai lançar um
  8. carrega a função. Por isso, precisamos especificar a função de retorno de chamada primeiro
  9. antes de definir o atributo de origem. Caso contrário, a imagem irá carregar os dados e
  10. Nós não vai ter uma chamada recebida de volta.
  11. Agora vamos dar uma olhada neste código. Aqui está o url da imagem que gostaríamos de
  12. você carregar. O que queremos fazer é criar um novo objecto de imagem, seguindo o
  13. passos nós apenas mencionados e definir o onload função e fonte para
  14. essa imagem descrita no código. Certifique-se de que sua função onload
  15. atribuído a esta onImageLoad aqui em baixo, que realmente irá imprimir algumas agradáveis
  16. recadinho para o log do console, avisando que as coisas têm carregado
  17. corretamente. Se você está confuso sobre se sua imagem está carregando, não
  18. se esqueça de verificar em ferramentas de desenvolvedor do Chrome na guia rede, que lista
  19. se a imagem foi carregado, e quanto tempo demorou para fazê-lo.