Cropping yakni memotong bagian yang dipilih dari gambar asli. Perlengkapan lunak editor gambar seperti Photoshop akan selalu mempunyai alat crop. Ketika kita membangun program bagi memanipulasi gambar, tool crop yakni keperluan minimum. Di artikel ini, kita akan merancang tool cropping pada program web PHP bagi memotong gambar menggunakan jQuery. Saya telah menggunakan plugin Jcrop bagi mengimplementasikan fungsionalitas cropping image dinamis.
Ini yakni halaman awal yang mengandung 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, karenanya area crop berkoordinasi dan dimensi diindeks dengan menggunakan callback onSelect dari plugin Jcorp. Pada skrip ini, saya telah menentukan opsi aspectRatio sambil menginisialisasi plugin jCorp.
Data yang diindeks diteruskan ke file PHP bagi merancang gambar yang dipotong secara dinamis dengan menggunakan kegunaan PHP GD. Sebelumnya, kita telah melihat cara merancang gambar menggunakan kegunaan gambar PHP.
Kode PHP ini menerima dimensi dan koordinat gambar yang dipangkas. Data ini digunakan pada merancang lapisan gambar dinamis bagi memplot gambar yang dipotong di atasnya. Dengan mengatur tipe konten dengan menggunakan kegunaan header PHP, gambar output akan ditampilkan ke browser.
