Atributo naturalHeight da Image

Objeto Image do DOM HTML

Definição e uso

naturalHeight O atributo retorna a altura original da imagem.

Por exemplo, se você tiver uma imagem que inicialmente é de 200 pixels de altura. Então, você usa CSS/ou usa o atributo "height" do HTML para definir o estilo da imagem, tornando sua altura 500 pixels. O atributo naturalHeight retornará "200", enquanto o atributo height retornará 500.

Dica:Use Atributo naturalWidth Retorna a largura original da imagem, ou use Atributo width Definir ou retornar a largura da imagem Atributo width do valor.

Atenção:Este atributo é de leitura only.

Exemplo

Exemplo 1

Retorna a altura original da imagem:

var x = document.getElementById("myImg").naturalHeight;

Experimente você mesmo

Exemplo 2

A diferença entre os atributos naturalHeight e height:

var x = document.getElementById("myImg").naturalHeight;
var y = document.getElementById("myImg").height;

Experimente você mesmo

Sintaxe

imageObject.naturalHeight

Detalhes técnicos

Retorno: Número, representando a altura original da imagem (em pixels).

Suporte do navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte 9.0 Suporte Suporte Suporte

Objeto Image do DOM HTML