Image naturalWidth eigenschap

HTML DOM Image object

Definitie en gebruik

naturalWidth Eigenschap retourneert de oorspronkelijke breedte van het beeld.

Bijvoorbeeld, als je een afbeelding hebt die oorspronkelijk 100 pixels breed is. Dan kun je de stijl van het beeld instellen met CSS/ of gebruik de 'breedte' eigenschap van HTML om de breedte van het beeld in te stellen op 500 pixels. De eigenschap naturalWidth retourneert "100", terwijl de eigenschap width 500 retourneert.

Tip:Gebruik naturalHeight eigenschap Retourneer de oorspronkelijke hoogte van het beeld, of gebruik height eigenschap Stel in of retourneer de breedte van het beeld height eigenschap waarde.

Let op:Deze eigenschap is alleen lezen.

Voorbeeld

Voorbeeld 1

Retourneer de oorspronkelijke breedte van het beeld:

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

Try it yourself

Voorbeeld 2

Het verschil tussen de eigenschappen naturalWidth en width:

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

Try it yourself

Syntax

imageObject.naturalWidth

Technical details

Return value: Value, representing the original width of the image (in pixels).

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 9.0 Support Support Support

HTML DOM Image object