Syncfusion React Image Editor

Syncfusion문서 및 이미지 도구JavaScript

고급 이미지 편집 및 주석 달기를 위한 종합적인 React 컴포넌트.

  • 자르기, 회전, 뒤집기, 확대/축소, 필터 적용을 지원합니다.
  • 도형, 텍스트, 자유형 그리기를 통한 주석 달기를 지원합니다.
  • 사용자 지정 가능한 도구 모음과 함께 JPEG, PNG, SVG 형식으로 이미지를 내보낼 수 있습니다.
Syncfusion logo

가격:

로딩 중...
다음에서 사용 가능
Syncfusion Essential Studio UI Component Suite로딩 중
Syncfusion Essential Studio Enterprise로딩 중
Syncfusion React Image Editor 제품 이미지
Syncfusion React Image Editor는 웹 애플리케이션 내에서 직접 이미지 보기, 편집, 주석 달기를 가능하게 하는 풍부한 기능의 컴포넌트입니다. 자르기, 크기 조정, 회전, 그리기와 같은 일반적인 이미지 조작 작업을 지원하여 개발자가 앱에 대화형 이미지 편집 기능을 손쉽게 통합할 수 있도록 돕습니다.

이미지 불러오기 및 저장

base64, ImageData 또는 URL에서 이미지를 열 수 있으며 PNG, JPEG, SVG 형식을 지원합니다. 파일 이름과 품질을 제어하면서 편집된 이미지를 여러 형식으로 저장할 수 있습니다.

이미지 선택 및 자르기

사용자 지정, 정사각형, 원형 또는 미리 정의된 종횡비 옵션을 사용하여 이미지 영역을 선택합니다. 선택 영역을 드래그하고 크기를 조정하여 이미지를 효과적으로 자를 수 있습니다.

이미지 변환

90도 단위로 이미지를 시계 방향 또는 시계 반대 방향으로 회전하고, 적용된 모든 주석을 포함하여 이미지를 가로 또는 세로로 뒤집을 수 있습니다.

주석 지원

텍스트, 도형(사각형, 타원, 선), 자유형 그리기, 이미지 오버레이, 경로 및 화살표를 추가합니다. 색상, 선 굵기, 글꼴 속성, 위치를 사용자 지정할 수 있습니다.

확대/축소 및 이동 기능

키보드, 마우스 휠 또는 터치 제스처를 사용한 확대/축소로 이미지 크기와 위치를 조정합니다. 이동하여 다양한 이미지 영역을 동적으로 확인할 수 있습니다.

도구 모음 사용자 지정

기본 제공 도구 모음을 수정하여 항목을 추가, 제거 또는 교체하고, 사용자 지정 jsx 템플릿을 사용해 사용자 인터페이스를 특정 요구 사항에 맞게 조정할 수 있습니다.

이미지 필터 및 세부 조정

세피아, 그레이스케일, 반전, warm, cold와 같은 미리 정의된 필터를 적용합니다. UI 또는 API를 통해 밝기, 대비, 노출, 색조, 채도, 불투명도, 흐림 효과를 포함한 이미지 속성을 세부적으로 조정할 수 있습니다.

반응형, 터치 친화적 인터페이스

이 컴포넌트는 다양한 화면 크기와 입력 유형에 자동으로 적응하여 데스크톱, 태블릿, 모바일 기기에서 부드러운 사용 경험을 제공합니다.

주석의 Z-순서 관리

복잡한 이미지 구성을 만드는 데 필수적인 겹침 및 표시 상태를 관리하기 위해 주석의 레이어 순서를 제어합니다.

개발자 친화적인 API와 테마

프로그램 방식 제어를 위한 광범위한 API를 제공하며, SASS 변수 또는 Theme Studio를 사용한 사용자 지정 테마 옵션과 함께 여러 기본 제공 테마를 지원합니다.

제품 호환성

아래의 세부 정보를 확인하여 이 제품이 사용 환경에서 지원되는지 확인하세요.

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • React