Panada Framework 1.0.0 Documentation

Image

Class Image Panada memudahkan dalam proses editing image. Untuk saat ini pengeditan yang bisa dilakukan adalah:

Inisialisasi dan Konfigurasi

Sama seperti library lainnya, class image harus diinisialisasi terlebih dahulu sebelum bisa digunakan.

$this->image = new Resources\image;

Inisialisai dapat dilakukan baik itu di dalam konstruktor atau langsung di dalam method.

Sebelum melakukan editing, terlebih dahulu harus ditentukan jenis pekerjaanya. Pilihannya adalah PIMG_RESIZE, PIMG_CROP, PIMG_RESIZE_CROP.

$this->image->setOption('editType', PIMG_RESIZE);

Penjelasan:

Tipe Keterangan
PIMG_RESIZE Melakukan resize pada file image yang telah ditentukan.
PIMG_CROP Melakukan crop pada file image yang telah ditentukan.
PIMG_RESIZE_CROP Melakukan resize sekalgus crop pada file image yang telah ditentukan.

Setting yang bisa digunakan adalah:

Opsi Keterangan Contoh
folder Menentukan folder lokasi image yang akan diedit. $this->image->setOption('folder', 'uploads');
saveTo Untuk meng-copy file yang sudah diedit ke folder lain. $this->image->setOption('saveTo', 'uploads/new_folder');
newFileName Untuk menyimpan file yang sudah diedit dengan nama lain. $this->image->setOption('newFileName', 'resized');
resizeWidth Menentukan lebar dari image. $this->image->setOption('resizeWidth', 400);
resizeHeight Menentukan tinggi dari image. $this->image->setOption('resizeHeight', 200);
cropWidth Menentukan lebar image yang akan dicrop dihitung dari titik tengah. $this->image->setOption('cropWidth', 200);
cropHeight Menentukan tinggi image yang akan dicrop dihitung dari titik tengah. $this->image->setOption('cropHeight', 200);
autoRatio Menentukan porsi proporsional untuk tinggi atau lebar dari image yang diresize. Sebelumnya harus ditentukan dahulu tinggi atau lebarnya. $this->image->setOption('autoRatio', true);

Setelah setting disiapkan, gunakan method $this->image->edit() untuk menjalankan proses pengeditan.

$this->image->edit('image_name.jpg');

Resize

Berikut adalah contoh me-resize image dengan ukuran lebar 200 dan tinggi proporsional:

Crop

Berikut adalah contoh crop image dengan ukuran lebar 200 dan tinggi 200 dihitung dari titik tengah:

Resize Sekaligus Crop

Berikut adalah contoh resize menjadi lebar 400, kemudian crop image dengan ukuran lebar 200 dan tinggi 200 dihitung dari titik tengah, dan simpan dengan nama edited:

Diskusi