Свойство naturalWidth изображения

Объект Image DOM HTML

Определение и использование

naturalWidth Свойство возвращает исходную ширину изображения.

Например, если у вас есть изображение, которое最初 было 100 пикселей шириной. Затем вы используете CSS/или устанавливаете стиль изображения через атрибут "ширина" HTML, чтобы сделать ширину изображения 500 пикселей. Свойство naturalWidth вернет "100", а свойство width вернет 500.

Совет:Используйте Свойство naturalHeight Возврат исходной высоты изображения, или использование Свойство height Установить или вернуть высоту изображения Свойство height значение.

Внимание:Эта свойство является только для чтения.

Пример

Пример 1

Возврат исходной ширины изображения:

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

Попробуйте сами

Пример 2

Разница между свойствами naturalWidth и width:

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

Попробуйте сами

Синтаксис

imageObject.naturalWidth

Технические детали

Возврат значения: Число, представляющее оригинальную ширину изображения (в пикселях).

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка 9.0 Поддержка Поддержка Поддержка

Объект Image DOM HTML