Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
Função
Permite exibir imagens nos formatos *.png, *.gif (animado ou estático), *.bmp, *jpg e outros.
Figura 1.1 - Exemplo de imagem rodando no Aplicativo
Principais propriedades
Nome | Propriedade | Função |
---|---|---|
Origem | src | Endereço da imagem, podendo ser local ou uma url externa. |
Posição | xattr-position | Define a posição do componente na tela: esquerda, centro ou direita. |
Estilo | style | Define estilo (CSS) da imagem |
Estilo
Adicionar É possível adicionar estilo ao componente imagem, muito útil para especificar seu tamanho tamanho, evitando que a imagem ultrapasse as dimensões da tela do dispositivo.
No exemplo abaixo, estamos definindo os valores máximos de 356 pixels de largura e 108 pixels de altura, o que alcançar primeiro, mantendo a proporção da imagem.
Figura 2 - Alterando as dimensões da imagem através do CSS
Bloco de código | ||||
---|---|---|---|---|
| ||||
max-width:356px; max-height:108px; |
Nome em inglês
Image
Nessa página
Índice | ||||
---|---|---|---|---|
|
Compatibilidade
Formulário mobile
Equivalente web
Botão do Componente
Imagem no Editor Visual