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 " objeto imagem