MEMBUAT TEXT TO IMAGES MENGGUNAKAN PHP - AMING.id™
Hi, guys! welcome to my blog, AMING.id™ | Register/Sign In

Tuesday, 14 August 2018

MEMBUAT TEXT TO IMAGES MENGGUNAKAN PHP

Text2Images Class adalah script PHP sederhana tapi sangat berguna untuk menghasilkan gambar dari string teks yang menggunakan jenis True Type Font (ttf).

Script ini memiliki beberapa kegunaan yang sederhana seperti pengganti untuk JavaScript cufon library ketika JavaScript tidak tersedia, pengganti Flash berbasis teks, atau menampilkan alamat email tetapi tidak dapat di crawling oleh spider atau bot crawler ataupun spambot.

Dari sisi security hal ini sangat membantu untuk mengurangi kemungkinan alamat email, nomer HP, nomer WhatsApp Sampeyan diambil/collecting oleh spambot/web crawler/grabber untuk disalahgunakan atau untuk email sampah (spam email).

Bagaimana cara menggunakan Text2Images Class ini?
Ada banyak cara Sampeyan dapat menggunakan fungsi ini, antara lain;
  • Dynamic Images Generation
  • include class - Image HTML Code Generation
  • include class - PHP Image Resource

Sebelum kita menetapkan untuk berfungsi, Sampeyan perlu untuk menyesuaikan dan memastikan beberapa pengaturan default/utama. Sampeyan dapat menemukan pengaturan default dalam membangun fungsi class, ada 4 hal yang (kemungkinan) akan paling sering dibutuhkan untuk tujuan spesifik Sampeyan.

System yang dibutuhkan:
  • Apache Web server (recommended) or IIS
  • PHP version 4.3 or greater
  • PHP extension GDLib

<?PHP
$this->set['fontName'] = 'ChampagneAndLimousines'; // preferred TTF font
$this->set['fontSize'] = 30; // preferred font size
$this->set['fontColor'] = 6; // preferred font color
$this->set['userKey'] = md5('text2images'); // md5 sign of parameters
?>

3 Pengaturan standar font dapat ditimpa secara dinamis saat men-generate gambar, Semua pengaturan default lainnya dan userKey tidak dapat diperbarui secara dinamis.
  • fontName: ini harus disetting ke font True Type (TTF) tanpa ekstensi (.ttf).
  • fontSize: ukuran font.
  • fontColor: merupakan kode warna heksadesimal yang menunjukkan warna teks.

Sedangkan userKey digunakan seperti kata sandi, skrip ini menggunakan otorisasi berbasis MD5 untuk menghindari pembuatan gambar oleh pengguna yang tidak sah.

Dynamic Images Generation
Cara yang termudah untuk menggunakan skrip ini adalah memanggil class secara dinamis. Dynamic Images Generation ketika peringkat gambar dilakukan dengan cepat. Naskah Teks To Images ini akan memberikan gambar PNG dinamis ke browser kapan pun diminta.

Untuk menghasilkan gambar dengan teks 'Hello World' menggunakan font LaurenScript.ttf dengan ukuran 25px dan warna #3aa3ff, maka akan seperti:
<img alt="Hello World" title="Hello World" src="./text2images/text2images.class.php?text=Hello+World&size=25&font=LaurenScript&color=3aa3ff&a=8a3b93b3fc699ab34644e5e376a8df5a" />

Perhatikan parameter 'a = 6c39e9099f6dfebf2f88172cf204e69a'. '6c39e9099f6dfebf2f88172cf204e69a' adalah hasil dari md5 (userkey.'Hello World253aa3ffLaurenScript '): penggabungan userKey, teks, ukuran font, warna font dan nama font.

Sampeyan bisa menggunakan fungsi pembantu untuk mengatur argumen skrip, seperti 'imgParams' di bawah ini:
<?php
// your user key
$userkey = md5('text2images');

// returns parameters
function imgParams($text, $size=null, $font=null,$color=null){
global $userkey;
$p = '?text='.urlencode($text).
(!is_null($font)?'&size='.$size:'').
(!is_null($font)?'&font='.$font:'').
(!is_null($color)?'&color='.$color:'').
'&a=';
return $p.md5($userkey.$text.$size.$color.$font);
}
?>
<img src="./text2images/text2images.class.php<?php echo imgParams('Hello World', 25, 'LaurenScript','3aa3ff');?>" title="Hello World" alt="Hello World">

Include Class - Images HTML Code Generations
Cara kedua untuk menggunakan skrip ini, adalah dengan memasukkan class ke dalam file. Menggunakan dengan cara ini maka Sampeyan tidak perlu mengirim userKey ke skrip dan skrip akan mengeluarkan tag HTML gambar.
<?PHP
include './text2images/text2images.class.php';
$img = new imageText();
$img->imageSettings('example 2', 25,null,'3aa3ff');
echo $img->makeImage('html');
?>

Include Class - PHP Images Resource
Cara terakhir adalah dengan memunculkan pada PHP Images Resource, sehingga Sampeyan dapat menggunakan gambar dengan skrip gambar php lainnya tanpa harus membuka kembali gambar dari disk.
Contoh di bawah ini menunjukkan bagaimana Sampeyan dapat menggunakan untuk memutar gambar:
<?PHP
include './text2images/text2images.class.php';
$img = new imageText();
$img->imageSettings('example 3', 25,'ChampagneAndLimousines','3aa3ff');
$im = $img->makeImage('resource');

$im = imagerotate($im, $degrees, 0);
imagealphablending($im, true);
imagesavealpha($im, true);
header('Content-type: image/png');
imagepng($im,'text2images.png');
?>
by Aming.