خاصية عرض صورة naturalWidth
مثال
إرجاع العرض الأصلي للصورة:
var x = document.getElementById("myImg").naturalWidth;
التعريف والاستخدام
تقوم خاصية naturalWidth بإرجاع العرض الأصلي للصورة.
على سبيل المثال ، إذا كانت لديك صورة يبلغ عرضها في الأصل 100 بكسل. بعد ذلك ، يمكنك نمط الصورة باستخدام CSS / أو باستخدام سمة "العرض" في HTML لجعلها 500 بكسل في العرض. ستعيد الخاصية naturalWidth "100" ، ومع ذلك ستعيد خاصية العرض 500.
تلميح: استخدم خاصية naturalHeight لإرجاع الارتفاع الأصلي للصورة ، أو خاصية الارتفاع لتعيين أو إرجاع قيمة سمة ارتفاع الصورة.
ملاحظة: هذه الخاصية للقراءة فقط.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
naturalWidth | Yes | 9.0 | Yes | Yes | Yes |
بناء الجملة
imageObject.naturalWidth
تفاصيل تقنية
قيمة الإرجاع: | رقم يمثل العرض الأصلي للصورة بالبكسل |
---|
مزيد من الأمثلة
مثال
الفرق بين خاصية العرض الطبيعي وخاصية العرض:
var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;
❮ كائن الصورة