пример
Вернуть первоначальную ширину изображения:
var x = document.getElementById("myImg").naturalWidth;
Результат х будет:
107 Попробуй сам " Определение и использование
NaturalWidth свойство возвращает первоначальную ширину изображения.
Например, если у вас есть изображение, которое изначально 100 пикселей в ширину. Затем стиль изображения с помощью CSS / или с помощью HTML "ширина" атрибут, чтобы сделать его 500 пикселей в ширину. Свойство naturalWidth возвратит "100", то ширина свойство , однако, будет возвращать 500.
Совет: Используйте naturalHeight свойство , чтобы вернуть первоначальную высоту изображения, или высота свойство , чтобы установить или вернуть значение height атрибута изображения.
Примечание: Это свойство только для чтения.
Поддержка браузеров
| Имущество | |||||
|---|---|---|---|---|---|
| naturalWidth | да | 9.0 | да | да | да |
Синтаксис
imageObject .naturalWidthТехнические подробности
| Возвращаемое значение: | Число, представляющее оригинальную ширину изображения в пикселях |
|---|
Еще примеры
пример
Разница между naturalWidth собственности и ширины объекта:
var x = document.getElementById("myImg").naturalWidth;
var y =
document.getElementById("myImg").width; Попробуй сам " 
изображение объекта