tutoriais mais recente desenvolvimento web
 

Imagem naturalWidth Property

Imagem Object Reference objeto imagem

Exemplo

Voltar a largura original de uma imagem:

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

O resultado de X será:

107
Tente você mesmo "

Definição e Uso

A propriedade naturalWidth retorna a largura original de uma imagem.

Por exemplo, se você tem uma imagem que é originalmente 100 pixels de largura. Então, você estilo a imagem com CSS / ou usando o atributo HTML "width" para torná-lo 500 pixels de largura. A propriedade naturalWidth irá retornar "100", a largura da propriedade no entanto, retornará 500.

Dica: Use o naturalHeight propriedade para retornar a altura original de uma imagem, ou a altura de propriedade para definir ou devolver o valor da height atributo de uma imagem.

Nota: Esta propriedade é somente leitura.


Suporte a navegadores

Propriedade
naturalWidth sim 9 sim sim sim

Sintaxe

imageObject .naturalWidth

Detalhes técnicos

Valor de retorno: Um número, que representa a largura original de uma imagem em pixels

mais Exemplos

Exemplo

A diferença entre a propriedade naturalWidth ea propriedade width:

var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;
Tente você mesmo "

Imagem Object Reference objeto imagem