Membuat Watermark Saat Upload Gambar di CodeIgniter 3

Anda dapat dengan mudah menandai gambar di CodeIgniter dengan menggunakan CI’s image manipulation class. Dalam CI Watermarking hanya tersedia menggunakan library GD/GD2.

CI’s image manipulation library memungkinkan kita melakukan Watermark gambar dalam dua cara dengan melakukan konfigurasi.

1. Membuat Watermark dengan teks/tulisan. (wm_text)
2. Membuat Watermark dengan menggunakan gambar. (wm_overlay_path)

Di bawah ini adalah contoh Controller Watermark, dalam controller ini ada akan melihat bagai membuat watermark dengan menggunakan text/tulisan dan bagaimana membuat watermark menggunakan gambar


<?php
defined('BASEPATH') OR exit('No direct script access allowed');

Class WatermarkController extends CI_Controller {

	function __construct()
	{
		parent::__construct();
		$this->load->library('image_lib');
		
	}

	public function index()
	{
		$config['source_image'] = './uploads/text.jpg';
		//The image path,which you would like to watermarking
		$config['wm_text'] = 'www.sharecode.id';
		$config['wm_type'] = 'text';
		$config['wm_font_path'] = './fonts/atlassol.ttf';
		$config['wm_font_size'] = 16;
		$config['wm_font_color'] = 'ffffff';
		$config['wm_vrt_alignment'] = 'middle';
		$config['wm_hor_alignment'] = 'right';
		$config['wm_padding'] = '20';
		$this->image_lib->initialize($config);
		if (!$this->image_lib->watermark()) {
			echo $this->image_lib->display_errors();
		} else {
			echo 'Successfully updated image with watermark';
		}
	}

	public function overlay()
	{
		$config['image_library'] = 'gd2';
		$config['source_image'] = './uploads/over.jpg';
		$config['wm_type'] = 'overlay';
		$config['wm_overlay_path'] = './uploads/logo.png';
	    //the overlay image
		$config['wm_opacity'] = 50;
		$config['wm_vrt_alignment'] = 'middle';
		$config['wm_hor_alignment'] = 'right';
		$this->image_lib->initialize($config);
		if (!$this->image_lib->watermark()) {
			echo $this->image_lib->display_errors();
		} else {
			echo 'Successfully updated image with watermark';
		}
	}
}

Itu saja. Anda hanya perlu meneruskan jalur gambar, font, dan overlay gambar yang benar ke array konfigurasi Sekarang Anda dapat mengarahkan browser Anda ke http://nama-domain-anda/watermarkcontroller/overlay atau http://nama-domain-anda/index.php/watermarkcontroller/overlay kemudian periksa direktori uploads di root project anda.

Ali Akbar

Software Developer yang fokus mengembangkan aplikasi berbasis Web dan Desktop. Senang mempelajari teknologi baru terutama di bidang web design dan web development.

View all posts by Ali Akbar →

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *