أحدث البرامج التعليمية وتطوير الشبكة
 

صورة naturalWidth الملكية

صورة مرجع كائن كائن صورة

مثال

إعادة عرض الأصلي للصورة:

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

ونتيجة لالعاشر على النحو التالي:

107
انها محاولة لنفسك »

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

الخاصية naturalWidth ترجع العرض الأصلي للصورة.

على سبيل المثال، إذا كان لديك الصورة التي هو في الأصل 100 بكسل. ثم أسلوب الصورة مع CSS / أو باستخدام HTML "عرض" سمة لجعله 500 بكسل. الخاصية سوف naturalWidth عودة "100"، و العرض الملكية ومع ذلك، سيعود 500.

نصيحة: استخدم naturalHeight الملكية للعودة الارتفاع الأصلي للصورة، أو ارتفاع الملكية لتعيين أو إرجاع قيمة من height سمة من صورة.

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


دعم المتصفح

الملكية
naturalWidth نعم فعلا تسعة نعم فعلا نعم فعلا نعم فعلا

بناء الجملة

imageObject .naturalWidth

تفاصيل تقنية

قيمة الإرجاع: الرقم الذي يمثل العرض الأصلي للصورة بالبكسل

المزيد من الأمثلة

مثال

الفرق بين الملكية naturalWidth والخاصية العرض:

var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;
انها محاولة لنفسك »

صورة مرجع كائن كائن صورة