ngecoding.com logo
Cara Menempatkan Teks yang dirotasi di tengah Gambar dengan PHP

Cara Menempatkan Teks yang dirotasi di tengah Gambar dengan PHP

//if(youLikeIt || itHelpsYou)clickShare();

Kadang kita butuh untuk menambahkan teks yang dirotasi pada gambar untuk memperindah tampilan website atau untuk membuat Captcha.

Beruntung, fungsi ini sudah disediakan oleh GD library PHP yes, tetapi terkadang sulit untuk menempatkan teks ditengah gambar. Apalagi jika sudut rotasi teks anda tidak vertical/horizontal, seperti : 45º, 37º, 126º.

Kode dibawah ini akan menambahkan teks yang dirotasi pada gambar dan secara otomatis menempatkannya di tengah gambar.

<?php
	//load image
	$imgWidth=200;
	$imgHeight=200;
	$imgResource = imagecreatetruecolor($imgWidth, $imgHeight);
	
	//black background
	$bgcolor = imagecolorallocate($imgResource, 0,0, 0);
	imagefilledrectangle($imgResource, 0, 0, $imgWidth, $imgHeight, $bgcolor);
	
	//white text color
	$textcolor = imagecolorallocate($imgResource, 255,255, 255);
	
	$fontPath="src/RobotoSlab-Bold.ttf";
	$fontSize="18";
	$rotation="45";//counter-clockwise rotation
	$text="ngecoding.com";
	
	//get size of text, to get center coordinate on image
	$textCoords=imagettfbbox($fontSize , $rotation , $fontPath , $text );
	
	$x=  $imgWidth/2 - ($textCoords[4]-$textCoords[0])/2 ;
	$y= $imgHeight/2 - ($textCoords[5]-$textCoords[1])/2;
	
	//write text to img
	imagettftext($imgResource, $fontSize, $rotation, 
					$x, $y, $textcolor,$fontPath, 
					$text);
	
	//save image to file
	imagejpeg($imgResource,"src/rotated-text.jpg",100);
	
	//output image to browser
	header("Content-Type: image/jpeg");
	imagejpeg($imgResource);
		
	imagedestroy($imgResource);
?>

Berikut output gambar berdasarkan sudut rotasi teks.

Rotasi : 45º
Contoh rotasi teks pada gambar dengan sudut 45 derajat
Rotasi : 90º
Contoh rotasi teks pada gambar dengan sudut 90 derajat
Rotasi : 135º
Contoh rotasi teks pada gambar dengan sudut 135 derajat
Rotasi : 180º
Contoh rotasi teks pada gambar dengan sudut 180 derajat
Rotasi : 225º
Contoh rotasi teks pada gambar dengan sudut 225 derajat
Rotasi : 270º
Contoh rotasi teks pada gambar dengan sudut 270 derajat
Rotasi : 315º
Contoh rotasi teks pada gambar dengan sudut 315 derajat
//if(youLikeIt || itHelpsYou)clickShare();
//Advertisements
Santai Dulu //artikel g teknis
Lagi Hot //most used tags
Langganan via Email //Ini bukan spam

Masukkan alamat email anda:

Delivered by FeedBurner