Image naturalWidth ominaisuus

HTML DOM Image-objekti

Määrittely ja käyttö

naturalWidth Ominaisuus palauttaa kuvan alkuperäisen leveyden.

Esimerkiksi, jos sinulla on kuva, joka on alkuperäisesti 100 pikselin leveä. Sitten käytät CSS/ tai HTML:n "leveys"-ominaisuutta kuvan tyylin asettamiseen, jotta kuvan leveys on 500 pikseliä. naturalWidth-ominaisuus palauttaa "100", ja width-ominaisuus palauttaa 500.

Vinkki:Käytä naturalHeight-ominaisuus Palauttaa kuvan alkuperäisen korkeuden tai käyttää height-ominaisuus Asettaa tai palauttaa kuvan height-ominaisuus arvo.

Huomioitavaa:Tämä ominaisuus on lukuinen.

Esimerkki

Esimerkki 1

Palauttaa kuvan alkuperäisen leveyden:

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

Kokeile itse

Esimerkki 2

naturalWidth-ominaisuuden ja width-ominaisuuden ero:

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

Kokeile itse

Syntaksi

imageObject.naturalWidth

Tekninen yksityiskohta

Palautusarvo: Luku, joka ilmaisee kuvan alkuperäisen leveyden (pikseleissä).

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki 9.0 Tuki Tuki Tuki

HTML DOM Image-objekti