Atrybut naturalWidth Image

Obiekt Obraz Image DOM HTML

Definicja i użycie

naturalWidth Atrybut zwraca oryginalną szerokość obrazu.

Na przykład, jeśli masz obraz, który pierwotnie miał szerokość 100 pikseli. Następnie używasz CSS lub atrybutu "szerokość" HTML, aby ustawić styl obrazu, aby jego szerokość wynosiła 500 pikseli. Atrybut naturalWidth zwróci "100", a atrybut width zwróci 500.

Wskazówka:Użyj Właściwość naturalHeight Zwraca oryginalną wysokość obrazu, lub używa Właściwość height Ustawia lub zwraca szerokość obrazu Właściwość height wartość.

Uwaga:Ta właściwość jest tylko do odczytu.

Przykład

Przykład 1

Zwraca oryginalną szerokość obrazu:

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

Spróbuj sam

Przykład 2

Różnica między atrybutem naturalWidth a atrybutem width:

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

Spróbuj sam

Gramatyka

imageObject.naturalWidth

Szczegóły techniczne

Wartość zwracana: Wartość liczbowa, oznaczająca oryginalną szerokość obrazu (w pikselach).

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie 9.0 Wsparcie Wsparcie Wsparcie

Obiekt Obraz Image DOM HTML