خصائص naturalWidth للصورة

مثل DOM لـ Image في 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 الدعم الدعم الدعم

مثل DOM لـ Image في HTML