gradio_imageslider
用於比較兩個影像的漸層組件。
該組件可以透過多種方式使用:
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」將圖像轉換為形狀(高度、寬度、3)且值從 0 到 255 的 numpy 數組,「pil」將圖像轉換為 PIL 圖像對象,「filepath」將 str 路徑傳遞到包含以下內容的臨時文件圖像。 |
label | str | None | None | 介面中的組件名稱。 |
every | float | None | None | 如果「value」是可呼叫的,則在用戶端連線開啟時「每隔」幾秒鐘執行該函數。否則沒有任何影響。必須啟用隊列。可以透過該元件的.load_event 屬性存取該事件(例如取消它)。 |
show_label | bool | None | None | 如果為真,將顯示標籤。 |
show_download_button | bool | True | 如果為 True,將顯示下載圖像的按鈕。 |
container | bool | True | 如果為 True,則將組件放置在容器中 - 在邊框周圍提供一些額外的填充。 |
scale | int | None | None | 與行中相鄰組件相比的相對寬度。例如,如果組件 A 的比例 = 2,組件 B 的比例 = 1,則 A 的寬度將是 B 的兩倍。 |
min_width | int | 160 | 最小像素寬度,如果沒有足夠的螢幕空間來滿足該值,則將換行。如果某個比例值導致該元件比 min_width 窄,則會先考慮 min_width 參數。 |
interactive | bool | None | None | 如果為 True,將允許使用者上傳和編輯圖像;如果為False,則只能用於顯示影像。如果未提供,則根據組件是用作輸入還是輸出來推斷。 |
visible | bool | True | 如果為 False,組件將被隱藏。 |
elem_id | str | None | None | 一個可選字串,在 HTML DOM 中指定為該元件的 id。可用於定位 CSS 樣式。 |
elem_classes | list [ str ] | str | None | None | 一個可選的字串列表,在 HTML DOM 中指定為該元件的類別。可用於定位 CSS 樣式。 |
show_share_button | bool | None | None | 如果為 True,將在組件的一角顯示一個共享圖標,允許用戶將輸出共享到 Hugging Face Spaces 討論。如果為 False,則不會出現圖示。如果設定為「無」(預設行為),則當此 Gradio 應用程式在 Spaces 上啟動時會出現該圖標,否則不會出現。 |
slider_color | str | None | None | 滑桿分隔符號的顏色。 |
姓名 | 描述 |
---|---|
change | 當 ImageSlider 的值因使用者輸入(例如,使用者在文字方塊中鍵入)或因函數更新(例如,影像從事件觸發器的輸出接收到值)而發生變更時觸發。請參閱.input() 了解僅由使用者輸入觸發的偵聽器。 |
upload | 當使用者將檔案上傳到 ImageSlider 時,會觸發此偵聽器。 |
對使用者預測函數的影響取決於元件是否用作事件的輸入或輸出(或兩者)。
在組件同時用作輸入和輸出的情況下,下面的程式碼片段是準確的。
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