مثال
إعادة عرض الأصلي للصورة:
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;
انها محاولة لنفسك » كائن صورة