Propriedade de largura natural da imagem
Exemplo
Retorne a largura original de uma imagem:
var x = document.getElementById("myImg").naturalWidth;
Definição e uso
A propriedade naturalWidth retorna a largura original de uma imagem.
Por exemplo, se você tiver uma imagem originalmente com 100 pixels de largura. Em seguida, estilize a imagem com CSS/ou usando o atributo HTML "width" para torná-la com 500 pixels de largura. A propriedade naturalWidth retornará "100", mas a propriedade width retornará 500.
Dica: Use a propriedade naturalHeight para retornar a altura original de uma imagem ou a propriedade height para definir ou retornar o valor do atributo height de uma imagem.
Nota: Esta propriedade é somente leitura.
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
naturalWidth | Yes | 9.0 | Yes | Yes | Yes |
Sintaxe
imageObject.naturalWidth
Detalhes técnicos
Valor de retorno: | Um número, representando a largura original de uma imagem em pixels |
---|
Mais exemplos
Exemplo
A diferença entre a propriedade naturalWidth e a propriedade width:
var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;
❮ Objeto de imagem