Syncfusion Angular Image Editor

Syncfusion문서 및 이미지 도구JavaScript

주석과 내보내기 기능을 갖춘 Angular 이미지 편집 컴포넌트.

  • 이미지 자르기, 회전, 뒤집기, 확대/축소 기능을 제공합니다.
  • 텍스트, 도형, 자유형 그리기를 포함한 여러 주석 유형을 지원합니다.
  • 사용자 지정 가능한 도구 모음과 함께 편집한 이미지를 PNG, JPEG, SVG 형식으로 내보냅니다.
Syncfusion logo

가격:

로딩 중...
다음에서 사용 가능
Syncfusion Essential Studio UI Component Suite로딩 중
Syncfusion Essential Studio Enterprise로딩 중
Syncfusion Angular Image Editor 제품 이미지
Syncfusion Angular Image Editor는 Angular 애플리케이션용으로 설계된 UI 컴포넌트로, 사용자가 직관적인 상호작용을 통해 이미지를 편집할 수 있게 해줍니다. 자르기, 회전, 뒤집기, 확대/축소 기능과 함께 텍스트, 도형, 자유형 그리기를 포함한 다양한 주석 옵션을 제공합니다. 이 컴포넌트는 PNG, JPEG, SVG와 같은 널리 사용되는 형식으로 이미지를 내보내기를 지원하여 웹 앱의 이미지 조작 요구 사항에 유연한 솔루션을 제공합니다.

이미지 로딩 및 저장

base64 문자열 또는 URL에서 PNG, JPEG, SVG 형식을 지원하는 이미지를 엽니다. 파일 이름, 형식, 품질 설정을 사용자 지정하여 편집한 이미지를 저장할 수 있습니다.

선택 및 자르기

정사각형, 원형, 사용자 지정 종횡비를 포함한 여러 선택 모드를 제공합니다. 사용자는 이미지의 정밀한 자르기를 위해 선택 영역을 드래그하고 크기를 조정할 수 있습니다.

이미지 변환

이미지를 90도 간격으로 시계 방향 또는 반시계 방향으로 회전하고, 이미지를 가로 또는 세로로 쉽게 뒤집을 수 있습니다.

주석 지원

텍스트, 사각형, 타원, 선, 화살표, 자유형 그리기, 이미지 오버레이, 경로를 추가할 수 있습니다. 구성 가능한 색상, 글꼴, 선 두께, 스타일로 모양을 사용자 지정할 수 있습니다.

확대/축소 및 이동 기능

마우스 휠, 키보드 단축키 또는 터치 디바이스의 핀치 제스처를 사용해 확대 및 축소할 수 있습니다. 편집 중 다른 영역을 보기 위해 이미지를 이동할 수 있습니다.

도구 모음 사용자 지정

내장 도구 모음은 광범위한 이미지 편집 도구를 제공하며, 특정 UI 요구 사항에 맞게 사용자 정의 도구 모음 템플릿으로 사용자 지정하거나 대체할 수 있습니다.

터치 친화적이고 반응형 UI

적응형 레이아웃과 핀치 확대와 같은 터치 제스처 지원을 통해 데스크톱, 태블릿, 휴대폰 전반에서 쉽게 사용할 수 있도록 설계되었습니다.

Z-순서 및 레이어링

z-순서를 변경하여 겹치는 주석을 관리할 수 있으며, 템플릿 디자인과 같은 복잡한 편집 작업에 중요한 정밀한 레이어링을 가능하게 합니다.

실행 취소 및 다시 실행 기능

이미지의 최근 변경 사항을 되돌리거나 다시 적용하여 사용자가 진행 상황을 잃지 않고 자유롭게 실험할 수 있도록 합니다.

접근성 및 지역화

다양한 사용자를 위해 사용성을 보장하도록 UI 문자열의 지역화를 지원하고 접근성 표준을 준수합니다.

제품 호환성

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

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Angular