تحديد أبعاد الصورة باستخدام جافا سكريبت

هل تحتاج إلى الوصول برمجيًا إلى أبعاد الصورة المعروضة على صفحة الويب الخاصة بك؟ تقدم JavaScript حلاً بسيطًا.

الحل:

1. أنشئ ملفًا كائن صورة جديد:
   const img = new Image();

   const img = new Image();

2. اضبط مستمع حدث التحميل على التقط أبعاد الصورة عندما تصبح متاحة:
   img.onload = function() { تنبيه (this.width 'x' this.height)؛

   const img = new Image();

3. تحميل الصورة:

   img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';

   const img = new Image();

عند تحميل الصورة، يقوم حدث التحميل بتشغيل وعرض الصورة وارتفاعها في مربع تنبيه. باستخدام هذه التقنية، يمكنك الوصول بسهولة إلى حجم أي صورة على صفحة الويب الخاصة بك.