مُعلِّم الصور - يتيح لك وضع تعليقات على الصور في المعاينة

مرحبًا بالجميع،

بالتعاون مع زميلي @vliboolean1010، يسعدنا أن نقدم لكم مكون السمة الجديد في Discourse، وهو أداة التعليق على الصور (Image Annotator).

عند النقر على الصورة في المحرر، يتم تفعيل الميزات التالية:

  • إضافة مربعات، أشكال، أسهم، ونصوص
  • تمييز أو إخفاء أجزاء من الصورة
  • اختيار وتغيير لون التعليقات التوضيحية
  • يتم تحديث الصور المعلّقة تلقائيًا بعد النقر على حفظ.
  • يدعم المتصفحات بما في ذلك Safari و Firefox و Chrome و iOS Safari
  • (ميزة قص الصور قيد التطوير حاليًا)

شاشة التثبيت

المستودع: GitHub - discourse/discourse-image-annotator: image annotation theme component · GitHub

فيديو تجريبي

46 إعجابًا

عمل رائع! هل تم اختبار هذا مع الصور المستضافة على S3؟ أحصل على خطأ طلب عبر النطاق عند تمكين S3.

9 إعجابات

شكرًا جزيلاً. إنه رائع

7 إعجابات

مرحبًا @davidkingham،

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

4 إعجابات

شكرًا لك تشون، لكن هذا ليس الشيء نفسه. أنا أقوم بالرفع من جهاز محلي، ولكن الصورة تُرفع إلى نقطة نهاية S3، وهناك تكمن المشكلة.

8 إعجابات

أفكر في إمكانية استخدام هذا لوضع علامة مائية تلقائية على الصور باسم المستخدم، لكنني لست متأكداً من كيفية القيام بذلك. ربما زر آخر يطبع [اسم المستخدم]@[نطاق الموقع]؟

3 إعجابات

هل توجد ميزة تسمح بالكتابة على صورة؟

4 إعجابات

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

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

في هذه الصورة، تظهر صورتان متطابقتان، إحداهما تم تعديلها باستخدام هذا المكون. لكن المكون يجعلها غير مقروءة.

إذا أمكنك ضبطه بحيث يمكنه تعديل الصورة الأصلية وليس النسخة المعروضة في إطار واحد، فسيكون ذلك رائعًا للغاية.

بداية ممتازة على أي حال، وأرى بوضوح فائدتها!

4 إعجابات

هل من الممكن تعديل التوضيحات بعد حفظ المنشور؟

3 إعجابات

لا يبدو الأمر كذلك. يتم إعادة حفظ الصورة عند الانتهاء من التحرير.

4 إعجابات

حاليًا، لا توجد ميزات من هذا النوع.

4 إعجابات

خطأ في كتابة الصور

ftOaYJktEr

إعجابَين (2)

لقد نقلت هذا إلى #theme:broken-theme وأضفت إليه وسم pr-welcome.

أشعر أنه يحتاج إلى قدر كبير من العمل والدعم ليصبح مكونًا موضوعيًا موصى به بشكل صحيح.

6 إعجابات

لقد قمت بإصلاح بعض المشكلات المتعلقة بتعليق الصور.
هذا هو رابط طلب السحب:
https://github.com/discourse/discourse-image-annotator/pull/49#issue-655300799

6 إعجابات

رائع، شكرًا لك يا نام. لم يعد يظهر خطأ، بل يحفظ الصورة، وهذا رائع

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

6 إعجابات

إليك رابط طلب السحب (PR) لإزالة Jquery:

7 إعجابات

أتساءل عما إذا كان بإمكاننا إضافة عناصر تحكم لـ “قص” و"تدوير" إلى المكون، يبدو أن هذا شيء سيكون مفيدًا للغاية.

9 إعجابات

سأبحث في الأمر في أقرب وقت ممكن!

6 إعجابات

لا يوجد أي عجل، نحن متحمسون جدًا لرؤية هذا المكون يحظى ببعض الاهتمام، فهو يحمل إمكانات هائلة.

9 إعجابات

بينما كنت أعمل مع @markvanlan، أدركنا وجود إصدار جديد من markerjs.
يمكن تحرير الصور في النافذة المنبثقة. وهذا سيتولى حل العديد من المشكلات.
أعمل الآن على طلب سحب (PR).

9 إعجابات