Exibindo imagens, gráficos e miniaturas (HTML)

  • Artigo

[ Este artigo destina-se aos desenvolvedores do Windows 8.x e do Windows Phone 8.x que escrevem aplicativos do Windows Runtime. Se você estiver desenvolvendo para o Windows 10, consulte documentação mais recente ]

Os aplicativos da Windows Store que usam JavaScript podem exibir uma variedade de imagens e gráficos.

  • Você pode usar o elemento img para exibir um arquivo de imagem, como um arquivo JPEG ou PNG (Portable Network Graphics). Você também pode usar CSS (Cascading Style Sheets) para criar planos de fundo e padrões a partir de um arquivo de imagem.

  • Use miniaturas para criar exibições gráficas do sistema de arquivos para o usuário e quando o usuário quiser ver mais detalhes sobre um arquivo ou pasta específica.

Os aplicativos da Windows Store em JavaScript também podem renderizar gráficos SVG (Elementos Gráficos Vetoriais Escaláveis) e desenhar com o elemento tela, além de poderem usar transformações e transições CSS para criar efeitos especiais. Esses tipos de gráficos são abordados em outra seção: Usando gráficos com Canvas, SVG e CSS3.

Os tópicos desta seção mostram como usar imagens e miniaturas.

Nesta seção

Tópico Descrição

Como selecionar e exiba uma imagem

Descreve como usar o FileOpenPicker e propagar objetos para carregamento e exibir uma imagem selecionada pelo usuário.