Image naturalHeight ominaisuus

HTML DOM Image-objekti

Määritelmä ja käyttö

naturalHeight Ominaisuus palauttaa kuvan alkuperäisen korkeuden.

Esimerkiksi, jos sinulla on kuva, joka on alkuperäisesti 200 pikselin korkea. Sitten käytät CSS/ tai HTML "height"-ominaisuutta kuvan tyylittelyyn, jotta kuvan korkeus on 500 pikseliä. naturalHeight-ominaisuus palauttaa "200", ja height-ominaisuus palauttaa 500.

Vinkki:Käytä naturalWidth-ominaisuus Palauttaa kuvan alkuperäisen leveyden, tai käytä width-ominaisuus Asettaa tai palauttaa kuvan width-ominaisuus arvo.

Huomioitavaa:Tämä ominaisuus on lukuinen.

Esimerkki

Esimerkki 1

Palauttaa kuvan alkuperäisen korkeuden:

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

Kokeile itse

Esimerkki 2

naturalHeight-ominaisuuden ja height-ominaisuuden ero:

var x = document.getElementById("myImg").naturalHeight;
var y = document.getElementById("myImg").height;

Kokeile itse

Syntaksi

imageObject.naturalHeight

Tekninen yksityiskohta

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

Selaimen tuki

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

HTML DOM Image-objekti