이미지 슬라이더로 제작

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"는 이미지를 모양(높이, 너비, 3)과 0에서 255 사이의 값을 갖는 numpy 배열로 변환하고, "pil"은 이미지를 PIL 이미지 객체로 변환하고, "filepath"는 다음을 포함하는 임시 파일에 str 경로를 전달합니다. 이미지.
label	str | None	None	인터페이스의 구성요소 이름입니다.
every	float | None	None	`value`가 호출 가능한 경우 클라이언트 연결이 열려 있는 동안 '매' 초 단위로 함수를 실행합니다. 그 외에는 아무런 효과가 없습니다. 대기열을 활성화해야 합니다. 이 구성 요소의 .load_event 속성을 통해 이벤트에 액세스(예: 취소)할 수 있습니다.
show_label	bool | None	None	True인 경우 레이블이 표시됩니다.
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에 파일을 업로드할 때 트리거됩니다.

사용자 기능

사용자 예측 기능에 미치는 영향은 구성요소가 이벤트에 대한 입력 또는 출력(또는 둘 다)으로 사용되는지 여부에 따라 달라집니다.

• 입력으로 사용되는 경우 구성 요소는 사용자 기능의 입력 서명에만 영향을 미칩니다.
• 출력으로 사용되는 경우 구성 요소는 사용자 함수의 반환 서명에만 영향을 미칩니다.

아래 코드 조각은 구성 요소가 입력과 출력 모두로 사용되는 경우에 정확합니다.

• 출력으로: 요청된 형식의 이미지 튜플이 전달됩니다.
• 입력으로: 이미지를 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