تطوير محرر صور تفاعلي باستخدام HTML وCSS وJavaScript

قمت بتطوير محرر صور متكامل باستخدام HTML وCSS وJavaScript، دون استخدام أي مكتبة خارجية.

يتيح هذا المحرر للمستخدمين تعديل الصور مباشرة من المتصفح بواجهة سهلة الاستخدام، وميزات متعددة تشمل:

ميزات المحرر:

إضافة فلاتر على الصور (مثل التباين، التشبع، التمويه، الأبيض والأسود...)

تدوير الصورة بدرجات مختلفة (90°, 180°, 270°)

كتابة نص على الصورة مع إمكانية اختيار لون النص وموقعه

تغيير حجم الصورة حسب الأبعاد التي يدخلها المستخدم (width/height)

قلب الصورة أفقياً (يمين ↔ يسار) أو عموديًا

تنزيل الصورة النهائية بصيغة PNG أو JPEG مباشرة من المتصفح

? التقنيات المستخدمة:

JavaScript للتحكم بتأثيرات الصورة وتطبيق الفلاتر والتدوير

استخدام Canvas أو التعديل المباشر على الـ DOM حسب نوع التطبيق

HTML5 لهيكل الصفحة وإدخال الصور والنصوص

CSS لتصميم الواجهة وتنسيق أدوات التحكم

المحرر يعمل حالياً على الشاشات الكبيرة، ويتم تحسينه تدريجياً لدعم الأجهزة الصغيرة.

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