Obraz naturalWidth Property
Przykład
Zwróć oryginalną szerokość obrazu:
var x = document.getElementById("myImg").naturalWidth;
Definicja i użycie
Właściwość naturalWidth zwraca oryginalną szerokość obrazu.
Na przykład, jeśli masz obraz, który oryginalnie ma szerokość 100 pikseli. Następnie stylizujesz obraz za pomocą CSS/lub używając atrybutu „width” HTML, aby uzyskać szerokość 500 pikseli. Właściwość naturalWidth zwróci „100”, natomiast właściwość width zwróci 500.
Porada: Użyj właściwości naturalHeight , aby zwrócić oryginalną wysokość obrazu, lub właściwości height , aby ustawić lub zwrócić wartość atrybutu wysokości obrazu.
Uwaga: ta właściwość jest tylko do odczytu.
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
naturalWidth | Yes | 9.0 | Yes | Yes | Yes |
Składnia
imageObject.naturalWidth
Szczegóły techniczne
Wartość zwrotu: | Liczba reprezentująca oryginalną szerokość obrazu w pikselach |
---|
Więcej przykładów
Przykład
Różnica między właściwością naturalWidth a właściwością width:
var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;
❮ Obraz obiektu