Exemplo
Retornar a altura original de uma imagem:
var x = document.getElementById("myImg").naturalHeight;
O resultado de X será:
98 Tente você mesmo " Definição e Uso
A propriedade naturalHeight retorna a altura original de uma imagem.
Por exemplo, se você tem uma imagem que é originalmente 200 pixels de altura. Então, você estilo a imagem com CSS / ou usando o atributo HTML "altura" para torná-lo 500 pixels de altura. A propriedade naturalHeight irá retornar "200", a altura propriedade no entanto, retornará 500.
Dica: Use o naturalWidth propriedade para retornar a largura original de uma imagem, ou a largura da propriedade para definir ou devolver o valor da width atributo de uma imagem.
Nota: Esta propriedade é somente leitura.
Suporte a navegadores
| Propriedade | |||||
|---|---|---|---|---|---|
| naturalHeight | sim | 9 | sim | sim | sim |
Sintaxe
imageObject .naturalHeightDetalhes técnicos
| Valor de retorno: | Um número, que representa a altura original de uma imagem em pixels |
|---|
mais Exemplos
Exemplo
A diferença entre a propriedade naturalHeight ea propriedade height:
var x = document.getElementById("myImg").naturalHeight;
var y =
document.getElementById("myImg").height; Tente você mesmo " 
objeto imagem