Przykład
Zwraca pierwotną szerokość obrazka:
var x = document.getElementById("myImg").naturalWidth;
Wynikiem x wynosi:
107 Spróbuj sam " Definicja i Wykorzystanie
Nieruchomość naturalWidth zwraca oryginalną szerokość obrazu.
Na przykład, jeśli masz obraz, który jest początkowo 100 pikseli szerokości. Następnie należy projektować obraz z CSS / lub za pomocą HTML "szerokość" atrybut, aby szerokość 500 pikseli. Nieruchomość naturalWidth powróci "100", to szerokość Właściwość jednak powróci 500.
Wskazówka: Użyj naturalHeight własność wrócić oryginalną wysokość obrazu, lub wysokość właściwość, aby ustawić lub zwrotu wartości height atrybutu obrazu.
Uwaga: Ta właściwość jest tylko do odczytu.
Pomoc Browser
| Nieruchomość | |||||
|---|---|---|---|---|---|
| naturalWidth | tak | 9,0 | tak | tak | tak |
Składnia
imageObject .naturalWidthSzczegóły techniczne
| Zwracana wartość: | A Ilość reprezentującą oryginalną szerokość obrazu w pikselach |
|---|
Więcej przykładów
Przykład
Różnica między własności naturalWidth i właściwości width:
var x = document.getElementById("myImg").naturalWidth;
var y =
document.getElementById("myImg").width; Spróbuj sam " 
Obiekt Obraz