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