이미지 자르기를 위한 JavaScript API
JavaScript 앱 자르기를 지원하는 오픈 소스 JavaScript 라이브러리.
Cropper는 브라우저에서 이미지를 자를 수 있는 오픈 소스 JavaScript 라이브러리입니다. API를 사용하면 27가지 방법, 39가지 옵션, 6가지 이벤트를 통해 향상된 자르기 기능을 애플리케이션에 추가할 수 있습니다. API를 사용하면 브라우저에서 쉽게 작업하고 이미지를 자를 수 있습니다.
이 라이브러리는 다양한 자르기 기능을 지원합니다. 터치 스크린을 통한 이미지 자르기, 확대/축소, 회전, 크기 조정 및 뒤집기, 다중 자르기 사용, 캔버스에서 이미지 자르기, 브라우저 간 지원으로 브라우저 측 캔버스에서 이미지 자르기를 지원합니다.
크로퍼 시작하기
NPM을 통해 크로퍼를 설치하는 권장 방법. 다음 명령을 사용하여 설치하십시오.
Install cropper via NPM
NPM을 통해 크로퍼 설치
npm install cropperjs JavaScript 앱 내에서 이미지 자르기
Cropper 라이브러리는 소프트웨어 프로그래머가 JavaScript를 사용하여 프로그래밍 방식으로 이미지를 자를 수 있는 기능을 제공합니다. 이미지를 자르려면 이미지를 로드하고 이미지 크기가 컨테이너에 완벽하게 맞는지 확인해야 합니다. 이미지가 준비되면 회전, 뒤집기, 크기 조정, 요구 사항에 따라 높이 및 너비 설정을 포함하여 지정된 x 및 y 좌표에서 자르기 기능 세트를 수행할 수 있습니다. .
JavaScript를 사용하여 브라우저에서 이미지 자르기
앱에 이미지 자르기 기능을 추가할 수 있으며 사용자는 브라우저에서 직접 이미지를 자를 수 있습니다. 사용자는 브라우저에서 이미지를 업로드하거나 끌어다 놓고 자르기 기능을 적용할 수 있습니다. API는 브라우저 간 호환성을 제공합니다. API는 최신 버전의 Chrome, Firefox, Safari, Opera, Edge 및 Internet Explorer를 사용하여 제대로 작동합니다.
JavaScript에서 자르기 방법 사용
유연성을 제공하기 위해 API는 이미지를 자르는 여러 가지 방법을 제공합니다. 이러한 방법은 개발자가 응용 프로그램에 이미지 자르기 기능을 쉽게 추가하는 데 도움이 됩니다. API는 이미지를 자르기 위해 crop() 메서드를 제공합니다. 또한 reset(), clear(), replace(), enable(), disable(), destroy(), move(), zoom(), rotate(), scale(), getData(), setData를 사용할 수 있습니다. (), getCanvasData() 등.
