خصائص naturalHeight لصورة Image

مفهوم Image في DOM HTML

تعريف و استخدام

naturalHeight استعادة الارتفاع الأصلي للصورة.

على سبيل المثال، إذا كان لديك صورة يبلغ ارتفاعها الأصلي 200 بكسل. ثم، تستخدم CSS/أو استخدام خاصية "height" في HTML لتحديد نمط الصورة، مما يجعل الارتفاع 500 بكسل. ستعود خاصية naturalHeight إلى "200"، بينما ستعود خاصية height إلى 500.

نصيحة:استخدم خاصية naturalWidth استعادة الارتفاع الأصلي للصورة أو باستخدام خاصية width تعيين أو استعادة الارتفاع للصورة باستخدام خاصية width قيمة.

ملاحظة:هذه الخاصية قابلة للقراءة فقط.

مثال

مثال 1

استعادة الارتفاع الأصلي للصورة:

تعريف x = document.getElementById("myImg").naturalHeight;

جرب بنفسك

مثال 2

مفهوم الفرق بين خاصية naturalHeight و خاصية height:

تعريف x = document.getElementById("myImg").naturalHeight;
تعريف y = document.getElementById("myImg").height;

جرب بنفسك

النص

imageObject.naturalHeight

تفاصيل التقنية

القيمة المعدلة: القيمة، تمثل الارتفاع الأصلي للصورة (بأsein).

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم 9.0 الدعم الدعم الدعم

مفهوم Image في DOM HTML