الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

gradio_imageslider

مكون Gradio لمقارنة صورتين.

يمكن استخدام هذا المكون بعدة طرق:

  • كمدخل/مخرج موحد حيث سيقوم المستخدمون بتحميل صورة واحدة وستقوم وظيفة الاستدلال بإنشاء صورة يمكن مقارنتها (انظر العرض التوضيحي)،
  • كمدخل تحميل يدوي يسمح للمستخدمين بمقارنة صورتين من صورهم (والتي يمكن بعد ذلك تمريرها إلى مكان آخر، على سبيل المثال إلى نموذج)،
  • كمكون إخراج ثابت يسمح للمستخدمين بمقارنة صورتين تم إنشاؤهما بواسطة وظيفة الاستدلال.

تثبيت 

pip install gradio_imageslider

الاستخدام 

 import gradio as gr
from gradio_imageslider import ImageSlider
from PIL import ImageFilter


def fn ( im ):
    if not im or not im [ 0 ]:
        return im
    return ( im [ 0 ], im [ 0 ]. filter ( filter = ImageFilter . GaussianBlur ( radius = 10 )))


with gr . Blocks () as demo :
    with gr . Group ():
        img1 = ImageSlider ( label = "Blur image" , type = "pil" , slider_color = "pink" )
        img1 . upload ( fn , inputs = img1 , outputs = img1 )

if __name__ == "__main__" :
    demo . launch ()

ImageSlider

التهيئة

اسم يكتب تقصير وصف
value 
 tuple [ str , str ]
    | tuple [ PIL . Image . Image , PIL . Image . Image ]
    | tuple [ numpy . ndarray , numpy . ndarray ]
    | None
 None صورة PIL أو مصفوفة numpy أو مسار أو عنوان URL للقيمة الافتراضية التي سيأخذها مكون الصورة. إذا كانت قابلة للاستدعاء، فسيتم استدعاء الوظيفة كلما تم تحميل التطبيق لتعيين القيمة الأولية للمكون.
position 
 int
 0.5 موضع شريط التمرير، بين 0 و1.
upload_count 
 int
 1 عدد الصور التي يمكن تحميلها إلى المكون. 1 أو 2.
height 
 int | None
 None ارتفاع الصورة المعروضة بالبكسل.
width 
 int | None
 None عرض الصورة المعروضة بالبكسل.
type 
 "numpy" | "pil" | "filepath"
 "numpy" التنسيق الذي يتم تحويل الصورة إليه قبل تمريرها إلى وظيفة التنبؤ. يقوم "numpy" بتحويل الصورة إلى مصفوفة numpy ذات الشكل (الارتفاع والعرض و3) والقيم من 0 إلى 255، ويقوم "pil" بتحويل الصورة إلى كائن صورة PIL، ويقوم "filepath" بتمرير مسار str إلى ملف مؤقت يحتوي على الصورة.
label 
 str | None
 None اسم المكون في الواجهة
every 
 float | None
 None إذا كانت "القيمة" قابلة للاستدعاء، فقم بتشغيل الدالة "كل" عدد من الثواني عندما يكون اتصال العميل مفتوحًا. وليس له أثر غير ذلك. يجب تمكين قائمة الانتظار. يمكن الوصول إلى الحدث (على سبيل المثال لإلغائه) عبر السمة .load_event الخاصة بهذا المكون.
show_label 
 bool | None
 None إذا كان صحيحا، سيتم عرض التسمية.
show_download_button 
 bool
 True إذا كان صحيحا، سيتم عرض زر لتحميل الصورة.
container 
 bool
 True إذا كان صحيحًا، فسيتم وضع المكون في حاوية - مما يوفر بعض الحشو الإضافي حول الحدود.
scale 
 int | None
 None العرض النسبي مقارنة بالمكونات المجاورة في الصف. على سبيل المثال، إذا كان المكون A له مقياس = 2، والمكون B له مقياس = 1، فسيكون عرض A ضعف عرض B. ويجب أن يكون عددًا صحيحًا.
min_width 
 int
 160 الحد الأدنى لعرض البكسل، سيتم التفاف مساحة الشاشة إذا لم تكن كافية لتلبية هذه القيمة. إذا أدت قيمة مقياس معينة إلى أن يكون هذا المكون أضيق من min_width، فسيتم احترام المعلمة min_width أولاً.
interactive 
 bool | None
 None إذا كان صحيحًا، فسيسمح للمستخدمين بتحميل الصورة وتحريرها؛ إذا كان False، فيمكن استخدامه فقط لعرض الصور. إذا لم يتم توفيره، فسيتم استنتاج ذلك بناءً على ما إذا كان المكون يستخدم كمدخل أو مخرج.
visible 
 bool
 True إذا كان خطأ، سيتم إخفاء المكون.
elem_id 
 str | None
 None سلسلة اختيارية يتم تعيينها كمعرف لهذا المكون في HTML DOM. يمكن استخدامها لاستهداف أنماط CSS.
elem_classes 
 list [ str ] | str | None
 None قائمة اختيارية من السلاسل التي تم تعيينها كفئات لهذا المكون في HTML DOM. يمكن استخدامها لاستهداف أنماط CSS.
show_share_button 
 bool | None
 None إذا كان صحيحًا، فسيتم عرض رمز مشاركة في زاوية المكون الذي يسمح للمستخدم بمشاركة المخرجات في مناقشات Hugging Face Spaces. إذا كان False، فلن يظهر الرمز. إذا تم التعيين على لا شيء (السلوك الافتراضي)، فستظهر الأيقونة إذا تم تشغيل تطبيق Gradio هذا على Spaces، ولكن ليس بخلاف ذلك.
slider_color 
 str | None
 None لون الفاصل المنزلق.

الأحداث

اسم وصف
change يتم تشغيله عندما تتغير قيمة ImageSlider إما بسبب إدخال المستخدم (على سبيل المثال، يكتب المستخدم في مربع نص) أو بسبب تحديث وظيفة (على سبيل المثال، تتلقى الصورة قيمة من مخرجات مشغل الحدث). راجع .input() ‎ للتعرف على المستمع الذي يتم تشغيله فقط عن طريق إدخال المستخدم.
upload يتم تشغيل هذا المستمع عندما يقوم المستخدم بتحميل ملف إلى ImageSlider.

وظيفة المستخدم

يختلف التأثير على وظيفة توقع المستخدمين اعتمادًا على ما إذا كان المكون يستخدم كمدخل أو مخرج لحدث ما (أو كليهما).

  • عند استخدامه كمدخل، يؤثر المكون فقط على توقيع الإدخال لوظيفة المستخدم.
  • عند استخدامه كمخرج، يؤثر المكون فقط على توقيع الإرجاع لوظيفة المستخدم.

مقتطف الكود أدناه دقيق في الحالات التي يتم فيها استخدام المكون كمدخل ومخرج.

  • كإخراج: يتم تمرير مجموعة من الصور بالتنسيق المطلوب.
  • كمدخل: يجب أن يُرجع الصورة كمصفوفة numpy، أو صورة PIL، أو مسار ملف سلسلة/مسار، أو عنوان URL لسلسلة. 
 def predict (
    value : tuple [ str , str ]
   | tuple [ PIL . Image . Image , PIL . Image . Image ]
   | tuple [ numpy . ndarray , numpy . ndarray ]
   | None
) -> tuple [ str , str ]
   | tuple [ PIL . Image . Image , PIL . Image . Image ]
   | tuple [ numpy . ndarray , numpy . ndarray ]
   | None :
    return value
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل