Afbeelding naturalWidth Property
Voorbeeld
Retourneer de oorspronkelijke breedte van een afbeelding:
var x = document.getElementById("myImg").naturalWidth;
Definitie en gebruik
De eigenschap naturalWidth retourneert de oorspronkelijke breedte van een afbeelding.
Bijvoorbeeld als u een afbeelding heeft die oorspronkelijk 100 pixels breed is. Vervolgens style je de afbeelding met CSS/of door het HTML "width" attribuut te gebruiken om het 500 pixels breed te maken. De eigenschap naturalWidth retourneert "100", de eigenschap width echter 500.
Tip: gebruik de eigenschap naturalHeight om de oorspronkelijke hoogte van een afbeelding te retourneren, of de eigenschap height om de waarde van het hoogtekenmerk van een afbeelding in te stellen of te retourneren.
Opmerking: deze eigenschap is alleen-lezen.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
naturalWidth | Yes | 9.0 | Yes | Yes | Yes |
Syntaxis
imageObject.naturalWidth
Technische details
Winstwaarde: | Een getal, dat de oorspronkelijke breedte van een afbeelding in pixels weergeeft |
---|
Meer voorbeelden
Voorbeeld
Het verschil tussen de eigenschap naturalWidth en de eigenschap width:
var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;
❮ Afbeeldingsobject