Cropping adalah memotong bagian yang dipilih dari gambar asli. Perangkat lunak editor gambar seperti Photoshop akan selalu memiliki alat crop. Ketika kita membangun aplikasi untuk memanipulasi gambar, tool crop adalah kebutuhan minimum. Pada artikel ini, kita akan membuat tool cropping dalam aplikasi web PHP untuk memotong gambar menggunakan jQuery. Saya telah menggunakan plugin Jcrop untuk mengimplementasikan fungsionalitas cropping image dinamis.

Ini adalah halaman awal yang memuat gambar asli. user dapat memilih dan mengelola batas krop dengan menggunakan drag events mouse.

Skrip jQuery ini menangani pemilihan area crop dan event aksi crop. Ketika pengguna memilih batas crop, maka area crop berkoordinasi dan dimensi diindeks dengan menggunakan callback onSelect dari plugin Jcorp. Dalam skrip ini, saya telah menentukan opsi aspectRatio sambil menginisialisasi plugin jCorp.

Data yang diindeks diteruskan ke file PHP untuk membuat gambar yang dipotong secara dinamis dengan menggunakan fungsi PHP GD. Sebelumnya, kita telah melihat cara membuat gambar menggunakan fungsi gambar PHP.

 

Kode PHP ini menerima dimensi dan koordinat gambar yang dipangkas. Data ini digunakan dalam membuat lapisan gambar dinamis untuk memplot gambar yang dipotong di atasnya. Dengan mengatur tipe konten dengan menggunakan fungsi header PHP, gambar output akan ditampilkan ke browser.

Berikut hasil dari script di atas.