Awesome GitHub RepositoriesBrowser-Based Image Processing

tui.image-editor is a JavaScript image manipulation library and web-based photo editor. It provides a browser-based interface for cropping, resizing, and applying filters to images using the HTML5 Canvas API. The project is distinguished by its role as a canvas-based annotation tool, allowing users to add text, shapes, and freehand drawings as graphic overlays. It offers extensive UI customization through theme configuration, interface text localization, and the ability to replace default icons with custom SVG files. The library covers geometry manipulation, visual filter application, and im

CSSgram هي مكتبة وإطار عمل لمرشحات صور CSS يوفر نظاماً من mixins وفئات قابلة لإعادة الاستخدام لتنفيذ تأثيرات الصور المرئية. يُمكّن معالجة الصور القائمة على CSS لتعديل مظهر الصور مباشرة في المتصفح دون الحاجة إلى معالجة من جانب الخادم. يسهل المشروع معالجة الصور من جانب العميل وتصميم الواجهة الأمامية المرئي من خلال تطبيق مرشحات النمط الفوتوغرافي وإعدادات الألوان المسبقة على صور الويب. يستخدم مزيجاً من مرشحات CSS وأوضاع المزج لتحقيق هذه التأثيرات من خلال تعيين أسماء فئات محددة مسبقاً لعناصر HTML.

This project is a web-based graphic design editor and online poster designer. It provides a browser-based environment for creating professional visual layouts, e-commerce graphics, and social media covers using a canvas with drag-and-drop elements. The toolkit includes a specialized PSD template converter that parses Photoshop design files into editable web templates. It also features a custom QR code generator capable of producing styled codes with gradients and embedded logos, alongside a browser-based image manipulation tool for cropping assets and removing backgrounds. The editor covers

هذه مكتبة تحميل صور JavaScript ومجموعة من الأدوات لتحليل البيانات الوصفية الثنائية والتحويلات القائمة على اللوحة. توفر واجهة موحدة لتحميل الصور من عناوين URL، أو Blobs، أو الملفات إلى عناصر HTML. تتضمن المكتبة محول صور قائماً على اللوحة لإنتاج صور مصغرة، أو مقصوصة، أو مدورة ومعالج اتجاه صورة يقوم بتدوير أو قلب الصور بناءً على البيانات الوصفية المضمنة. كما تتميز بمحلل بيانات وصفية Exif لاستخراج علامات IPTC وExif والصور المصغرة المضمنة من بيانات الصور الثنائية. تغطي مجموعة الأدوات معالجة الصور القائمة على المتصفح، بما في ذلك تغيير الحجم من جانب العميل وتصحيح الاتجاه التلقائي لضمان عرض متسق عبر شاشات مختلفة. وتدعم استخراج وتعديل رؤوس الصور الثنائية واستعادة البيانات الوصفية بعد تغيير الحجم.

Pica هي أداة من جانب العميل لتوسيع نطاق الصور في المتصفح، وتحويل التنسيق، وتحسين الملفات. تعمل كمعالج صور لوحة (canvas) يقوم بتحويل البيانات بين عناصر اللوحة، والصور النقطية (bitmaps)، والكائنات الثنائية (blobs) للمعالجة المحلية داخل متصفح الويب. تتميز المكتبة بجودة عالية في تقليل الحجم باستخدام إعادة أخذ العينات Lanczos ونموذج معالجة متعدد الخيوط. وتستخدم عمال الويب (web workers) لتقسيم معالجة الصور إلى مربعات عبر أنوية المعالج لزيادة سرعة تغيير الحجم. يغطي المشروع مجموعة واسعة من قدرات معالجة الصور، بما في ذلك القياس عالي الجودة وتصفية القناع غير الحاد (unsharp mask) لتحسين الحواف. ويدعم تنسيقات إدخال متعددة ويوفر أدوات لتصدير البيانات المعالجة إلى كائنات ثنائية. للتعامل مع الصور الكبيرة دون التسبب في تعطل المتصفح، تستخدم المكتبة إدارة ذاكرة مجزأة ومعالجة مربعة.

هذا المشروع عبارة عن محرر رسومات قائم على المتصفح ومكتبة معالجة صور تقوم بإجراء تحويلات بصرية مباشرة داخل بيئة الويب. يوفر مجموعة أدوات لتحميل ملفات الصور المحلية، وتطبيق تأثيرات بصرية معقدة، وتصدير النتائج المعدلة دون الحاجة إلى معالجة البيانات من جانب الخادم. تستخدم المكتبة fragment shaders مسرعة بالعتاد لتنفيذ عمليات على مستوى البكسل على وحدة معالجة الرسومات. من خلال الحفاظ على بيانات الصور كأنسجة (textures) داخل ذاكرة GPU واستخدام خط أنابيب عرض فوري، يحقق النظام مزامنة في الوقت الفعلي بين معلمات الفلتر المحددة من قبل المستخدم والمخرجات البصرية المعروضة على اللوحة. يدعم البرنامج مجموعة من تعديلات الصور، بما في ذلك تعديل التباين، وتأثيرات tilt-shift، ومحاكاة إلغاء تركيز العدسة. تتم معالجة هذه العمليات من خلال حقن المعلمات الموجهة بالموحدات (uniforms)، مما يسمح بمعالجة عالية الأداء لملفات الوسائط الرقمية مباشرة على جهاز المستخدم.