JavaScript API untuk Memotong Gambar

Pustaka JavaScript Sumber Terbuka yang mendukung pemangkasan Aplikasi JavaScript.

Cropper adalah pustaka JavaScript open source yang memungkinkan cropping gambar di browser Anda. Dengan menggunakan API, Anda dapat menambahkan fitur pemangkasan yang disempurnakan ke aplikasi Anda dengan 27 metode berbeda, 39 opsi berbeda, dan 6 peristiwa. Menggunakan API Anda dapat dengan mudah bekerja dan memotong gambar Anda di browser Anda.

Pustaka ini menyediakan dukungan untuk berbagai fitur pemotongan. Mendukung cropping gambar melalui layar sentuh, zooming, rotate, scaling & flipping, menggunakan beberapa cropper, memungkinkan cropping gambar pada kanvas, memungkinkan cropping gambar pada kanvas sisi browser dengan dukungan lintas-browser.

Sekilas

Ikhtisar fitur Cropper.

Ikhtisar Fitur

Mendukung Sentuh
Memperbesar
Berputar
penskalaan
Beberapa Pemangkas
Pangkas di Kanvas
Pangkas di Browser
Terjemahkan Info EXIF
Dukungan Lintas Peramban

Keruntuhan

Cropper mendukung format file Gambar populer yang tercantum di bawah ini.

Pembaca

JPG, JPEG, PNG, TIFF, BMP

Penulis

JPG, JPEG, PNG, TIFF, BMP

Keruntuhan

Platform Kemerdekaan

Cropper dapat digunakan di beberapa lingkungan seperti Node atau browser dll.

JavaScript

Keruntuhan

Memulai dengan Cropper

Cara yang disarankan untuk menginstal cropper melalui NPM. Silakan gunakan perintah berikut untuk menginstalnya.

Install cropper via NPM

Instal cropper melalui NPM

 npm install cropperjs

Pangkas Gambar di dalam Aplikasi JavaScript

Pustaka Cropper memberi pemrogram perangkat lunak kemampuan untuk memotong gambar mereka secara terprogram menggunakan JavaScript. Untuk memotong gambar, Anda perlu memuat gambar dan memastikan bahwa ukuran gambar sesuai dengan wadah dengan sempurna. Setelah gambar Anda siap, Anda dapat melakukan serangkaian fitur pemotongan pada koordinat x dan y yang diberikan termasuk memutar, membalik, menskala, dan mengatur tinggi dan lebar sesuai kebutuhan Anda. .

Pangkas Gambar di Browser menggunakan JavaScript

Anda dapat menambahkan fungsi pemotongan gambar di aplikasi Anda dan pengguna dapat memotong gambar langsung dari browser. Pengguna dapat mengunggah atau menyeret gambar di browser dan menerapkan fitur pemotongan ke dalamnya. API menyediakan kompatibilitas lintas-browser. API berfungsi dengan baik menggunakan versi terbaru Chrome, Firefox, Safari, Opera, Edge, dan Internet Explorer.

Menggunakan Metode Pemangkasan dalam JavaScript

Untuk memberikan fleksibilitas, API menyediakan banyak metode untuk memotong gambar. Metode ini membantu pengembang untuk menambahkan fitur pemotongan gambar ke aplikasi dengan mudah. API menyediakan metode crop() untuk memotong gambar. Selanjutnya, Anda dapat menggunakan reset(), clear(), replace(), enable(), disable(), destroy(), move(), zoom(), rotate(), scale(), getData(), setData (), getCanvasData() dan banyak lagi.