Breaking

Post Top Ad

Your Ad Spot

martes, 8 de mayo de 2018

Cómo convertir texto a imagen mediante PHP

Resultado de imagen para Cómo convertir texto a imagen mediante PHP 

 

Obtener y validar la entrada de texto a través del formulario HTML

En este código te muestro el formulario HTML del cual obtenendremos el valor que vamos a convertir en imagen. Al enviar este formulario, validaremos el valor del campo mediante JavaScript y si todo está correcto lo enviaremos al script PHP. Una vez llevada a cabo la conversión en imagen, la imagen resultante se mostrará debajo de este formulario.

<form name="form" id="form" method="post" action="index.php"
       
enctype="multipart/form-data" onsubmit="return validateForm();">
   
<div class="form-row">

       
<div>
           
<label>Enter Text:</label> <input type="text"
               
class="input-field" name="txt_input" maxlength="50">
       
</div>
   
</div>
   
<div class="button-row">
       
<input type="submit" id="submit" name="submit"
           
value="Convert">
   
</div>
</form>

Convertir texto en una imagen utilizando funciones de la librería GD

En PHP, mediante las funciones de la librería GD, podemos convertir el valor de un campo de texto en una imagen. Para ello crearemos una capa de imagen transparente en la que colocaremos el valor del campo de texto. Después crearemos una capa para la imagen de fondo y la fusioné con la capa del campo de texto utilizando la función imagecopymerge (). Una vez fusionadas las capas, recortaremos la parte requerida de la capa fusionada utilizando imagecopy() y mostraremos la imagen resultante en el navegador del usuario.

<?phpif (isset($_POST['submit'])) {
   
    $img
= imagecreate(500, 100);
   
    $textbgcolor
= imagecolorallocate($img, 173, 230, 181);
    $textcolor
= imagecolorallocate($img, 0, 192, 255);
   
   
if ($_POST['txt_input'] != '') {
        $txt
= $_POST['txt_input'];
        imagestring
($img, 5, 5, 5, $txt, $textcolor);
        ob_start
();
        imagepng
($img);
        printf
('<img src="data:image/png;base64,%s"/ width="100">', base64_encode(ob_get_clean()));
   
}
}
?>

No hay comentarios.:

Publicar un comentario

Post Top Ad

Your Ad Spot

Páginas