Image naturalWidth egenskap

HTML DOM Image objekt

Definition och användning

naturalWidth Egenskapen returnerar bildens ursprungliga bredd.

Till exempel, om du har en bild som ursprungligen är 100 pixlar bred. Då använder du CSS/eller HTML:s "bredd"-egenskap för att ställa in bildens stil så att dess bredd blir 500 pixlar. Egenskapen naturalWidth returnerar "100", medan egenskapen width returnerar 500.

Tips:Använd naturalHeight egenskap Returnera bildens ursprungliga höjd, eller använd height egenskap Ställ in eller returnera bildens height egenskap värdet.

Observera:Denna egenskap är skrivskyddad.

Exempel

Exempel 1

Returnera bildens ursprungliga bredd:

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

Prova själv

Exempel 2

skillnaden mellan egenskaperna naturalWidth och width:

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

Prova själv

Syntaks

imageObject.naturalWidth

Tekniska detaljer

Returvärde: Numerisk värde, som representerar bilden ursprungliga bredd (i pixlar).

Browservärderingar

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd 9.0 Stöd Stöd Stöd

HTML DOM Image objekt