Vlastnost obrázku naturalWidth
Příklad
Vraťte původní šířku obrázku:
var x = document.getElementById("myImg").naturalWidth;
Definice a použití
Vlastnost naturalWidth vrací původní šířku obrázku.
Například pokud máte obrázek, který je původně široký 100 pixelů. Potom obrázek upravíte pomocí CSS/nebo pomocí atributu „šířka“ HTML, aby byl široký 500 pixelů. Vlastnost naturalWidth vrátí "100", vlastnost width však vrátí 500.
Tip: Pomocí vlastnosti naturalHeight vrátíte původní výšku obrázku nebo pomocí vlastnosti height nastavíte nebo vrátíte hodnotu atributu height obrázku.
Poznámka: Tato vlastnost je pouze pro čtení.
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
naturalWidth | Yes | 9.0 | Yes | Yes | Yes |
Syntax
imageObject.naturalWidth
Technické údaje
Návratová hodnota: | Číslo představující původní šířku obrázku v pixelech |
---|
Další příklady
Příklad
Rozdíl mezi vlastností naturalWidth a vlastností width:
var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;
❮ Obrazový objekt