Cara Mengubah Teks Menjadi Gambar Pada Pemrograman PHP

Halo teman – teman semuanya. Kembali lagi dengan saya Asrul Puadi salah salah satu kontributor artikel SistemIT.com. Pada artikel kali ini saya akan membahas tutorial mengenai bahasa pemrograman PHP. Materi yang akan saya bahas yaitu bagaimana cara mengubah teks ataupun kata menjadi bentuk sebuah gambar.
Mengubah teks kedalam bentuk gambar..? Yup mungkin ini terdengar aneh bagi kita – kita ini yang masih pemula dalam dunia pemrograman 😁. Saya mencoba membagikan tutorial atupun pembahasan kali ini mengenai cara mengubah teks menjadi gambar tentu saja untuk berbagi ilmu kepada teman – teman yang berkecimpung didunia pemrograman.

Untuk mengikuti tutorialnya saya harap teman – teman mengetiknya dan tidak mengcopynya begitu saja. Tujuannya agar teman – teman terbiasa dalam membaca kode program.

Introduce

Sebagian besar operasi berbasis gambar dapat dilakukan menggunakan fungsi pada pemrograman PHP. Fungsi PHP berbasis gambar terdapat di dalam Library GD. Kita dapat menggunakan library tersebut untuk meng-convert atau mengubah kata/teks/tulisan menjadi sebuah gambar. Sebelum itu kita harus memastikan bahwa Library GD telah aktif di dalam konfigurasi php.ini. Teman – teman dapat juga menjalankan fungsi PHP phpinfo() untuk memastikan GD sudah aktif.

Mengambil dan Memvalidasi Inputan Teks dengan Form HTML

Kode ini menampilkan form html untuk mengambil inputan dari user atau pengguna. Saat isian form dikirimkan, inputan teks akan divalidasi menggunakan JavaScript dan dikirmkan ke PHP. Setelah proses pengubahan ke bentuk gambar, output gambar akan ditampilkan dibagian bawah form. Berikut ini saya tampilkan bagaiman penulisan kode program untuk form inputannya :

<form name="form" id="form" method="post" action="index.php"enctype="multipart/form-data" onsubmit="return formvalidasi();">
 <div class="form-row">
  <div>
   <label>Masukkan teks atau kata:</label> <input type="text"class="input-field" name="txt_input" maxlength="50">
  </div>
  <p>Tekan tombol ubah untuk mengubah ke bentuk gambar.</p>
 </div>
 <div class="button-row">
  <input type="submit" id="submit" name="submit"value="Ubah">
 </div>
 </form>
 <div id="validation-response"></div>

Mnegubah Teks Menjadi Gambar Menggunakan Fungsi PHP GD

Didalam PHP, dengan menggunakan fungsi library GD, kita dapat mengubah inputan berupa teks menjadi bentuk sebuah gambar. Pembuatan layer gambar transparan untuk menempatkan inputan teks diatasnya. Kemudian pembuatan background layar gambar dan menggabungkan bersama dengan layer inputan teks menggunakan imagecopymerge(). Setelah dilakukan penggabungan, dilakukan penyesuaian gabungan antara tulisan dan background gambar menggunakan imagecopy() dan gambar akan ditampilkan ke browser.

if (!empty($_POST['txt_input'])) {
    $input_text = $_POST['txt_input'];
    $width = (strlen($input_text)*9)+20;
    $height = 30;
    
    $textImage = imagecreate($width, $height);
    $color = imagecolorallocate($textImage, 0, 0, 0);
    imagecolortransparent($textImage, $color);
    imagestring($textImage, 5, 10, 5, $input_text, 0xFFFFFF);
    
    
    // membuat background layar hasil convert gambar
    $background = imagecreatefromjpeg('bg.jpeg');
    
    // Merge background image and text image layers
    imagecopymerge($background, $textImage, 15, 15, 0, 0, $width, $height, 100);
    
    
    $output = imagecreatetruecolor($width, $height);
    imagecopy($output, $background, 0, 0, 20, 13, $width, $height);
    
    
    ob_start();
    imagepng($output);
    printf('<img id="output" src="data:image/png;base64,%s" />', base64_encode(ob_get_clean()));
}

Ini adalah tampilan screenshot mengubah inputan teks menjadi gambar pada pemrograman PHP.

Untuk full kode programnya teman – teman bisa mempelajarinya dan mendownloadnya di link berikut ini :
Download Full Source Code

Sekian tutorial mengenai cara mengubah inputan teks menjadi sebuah gambar pada pemrograman PHP. Saya harap teman – teman dapat mempelajarinya dan menambah ilmu baru bagi teman – teman yang berkecimpung dalam dunia pemrograman. Satu kata dari saya “Jangan lupa titik koma” 👌.

Related posts

Leave a Comment