Syncfusion JavaScript Image Editor

Syncfusion문서 및 이미지 도구JavaScript

대화형 웹 애플리케이션을 위한 JavaScript 이미지 편집 구성 요소.

  • 다양한 선택 도형과 화면 비율로 이미지를 자르는 기능을 지원합니다.
  • 텍스트, 도형, 자유형 그리기와 같은 주석 도구를 포함합니다.
  • JPEG, PNG 또는 SVG 형식으로 편집한 이미지를 손쉽게 내보낼 수 있습니다.
Syncfusion logo

가격:

로딩 중...
다음에서 사용 가능
Syncfusion Essential Studio UI Component Suite로딩 중
Syncfusion Essential Studio Enterprise로딩 중
Syncfusion JavaScript Image Editor 제품 이미지
Syncfusion JavaScript Image Editor는 개발자가 웹 애플리케이션에 포괄적인 이미지 편집 기능을 통합할 수 있도록 설계된 다재다능한 UI 구성 요소입니다. 이 구성 요소는 자르기, 회전, 뒤집기, 확대/축소를 지원하며, 텍스트, 도형, 자유형 그리기를 포함한 주석 기능도 제공합니다. 사용자는 편집한 이미지를 널리 사용되는 형식으로 내보낼 수 있어 다양한 이미지 조작 작업에 적합합니다.

이미지 자르기 및 선택

사용자 지정 사각형, 정사각형, 원형, 그리고 4:3 및 16:9와 같은 다양한 미리 정의된 화면 비율을 포함한 여러 선택 도형을 제공합니다. 사용자는 선택 영역을 드래그하고 크기를 조정하여 이미지를 정확하게 자를 수 있습니다.

이미지 주석

사용자 지정 가능한 글꼴과 스타일의 텍스트 주석뿐 아니라 자유형 그리기, 사각형, 타원, 선, 화살표, 경로, 그리고 워터마크나 로고를 위한 추가 이미지도 추가할 수 있습니다.

이미지 변환

이미지를 시계 방향 또는 반시계 방향으로 회전하고, 이미지를 가로 또는 세로로 뒤집으며, 마우스 휠, 키보드 또는 터치 장치에서의 핀치 제스처로 확대/축소를 지원합니다.

실행 취소 및 다시 실행 기능

실행 취소 및 다시 실행 작업을 통해 변경 사항을 되돌리거나 다시 적용할 수 있어 편집의 유연성과 실험성을 높입니다.

이미지 로딩 및 내보내기

base64 문자열 또는 URL에서 PNG, JPEG, SVG 형식의 이미지를 열 수 있으며, 사용자 지정 가능한 파일 이름, 형식, 품질 설정으로 최종 이미지를 저장할 수 있습니다.

툴바 및 UI 사용자 지정

주석과 변환을 포함한 다양한 이미지 편집 도구를 갖춘 완전히 사용자 지정 가능한 툴바를 제공하며, 사용자가 맞춤형 사용자 경험을 위해 자체 툴바 항목을 정의할 수 있습니다.

빠른 액세스 툴바

선택된 주석에 대해 상황에 맞는 툴바를 자동으로 표시하여 복제, 삭제, 편집과 같은 빠른 작업을 제공함으로써 효율적인 편집 워크플로를 지원합니다.

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

다양한 화면 크기와 장치에 맞게 조정되도록 설계되어 터치 제스처를 지원하는 데스크톱, 태블릿, 모바일에서 매끄러운 경험을 제공합니다.

개발자 API 및 테마

동작과 모양을 제어하기 위한 광범위한 API를 포함하며, Bootstrap 5 및 Tailwind CSS와 같은 기본 제공 테마도 제공하여 사용자 지정 또는 확장이 가능합니다.

크로스 브라우저 호환성

Chrome, Firefox, Edge, Safari, Opera를 포함한 모든 최신 웹 브라우저에서 일관되게 작동하여 사용자가 폭넓게 접근할 수 있도록 합니다.

제품 호환성

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

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Vanilla JavaScript