Parece ser extenso pero es necesario para llegar a la idea.
Estoy desarrollando una imagen captcha una de mis ideas era ejemplar una imagen captcha similar al captcha de texto de google.
No he logrado crear el mismo estilo pero he generado una imagen captcha algo similar y creo que más original para un sistema propio.
El texto de la imagen la genero de esta forma:
imagettftext($image,25,mt_rand(-40,30),10,30,$black,"resources/fonts/font.ttf",$first); //tamaño de la fuente se realiza en la primera numeración(25)
imagettftext($image,25,mt_rand(-40,30),30,30,$black,"resources/fonts/font1.ttf",$second); //giro de la fuente se realiza en la segunda y tercera numeración (-40,30)
imagettftext($image,25,mt_rand(-40,30),50,30,$black,"resources/fonts/font2.ttf",$third); // Espacio la cuarta, alto la quinta (50,30)
imagettftext($image,25,mt_rand(-40,30),70,30,$black,"resources/fonts/font3.ttf",$fourth); // se puede cambiar varios modelo de fuente
Para un código más ordenado y optimizado trate de implementar un array pero la imagen no cargo.
$fonts = array(
'font' => array('spacing' => -3, 'minSize' => 27, 'maxSize' => 30, 'font' => 'resources/fonts/font.ttf'),
'font1' => array('spacing' =>-1.5,'minSize' => 28, 'maxSize' => 31, 'font' => 'resources/fonts/font1.ttf'),
'font2' => array('spacing' => -2, 'minSize' => 24, 'maxSize' => 30, 'font' => 'resources/fonts/font2.ttf'),
'font3' => array('spacing' => -2, 'minSize' => 30, 'maxSize' => 38, 'font' => 'resources/fonts/font3.ttf'),
'font4' => array('spacing' => -2, 'minSize' => 24, 'maxSize' => 34, 'font' => 'resources/fonts/font4.ttf'),
'font5' => array('spacing' => -2, 'minSize' => 28, 'maxSize' => 32, 'font' => 'resources/fonts/font5.ttf'),
'font6' => array('spacing' =>-1.5,'minSize' => 28, 'maxSize' => 32, 'font' => 'resources/fonts/font6.ttf'),
'font7' => array('spacing' => -2, 'minSize' => 28, 'maxSize' => 34, 'font' => 'resources/fonts/font7.ttf'),
'font8' => array('spacing' => -1, 'minSize' => 20, 'maxSize' => 28, 'font' => 'resources/fonts/font8.ttf'),
);
El color de la fuente, un color diferente por cada actualización de la página:
$black = imagecolorallocate($image,rand(78,181),rand(163,35),rand(36,7));
El problema de este parámetro es conseguir el color a mi gusto con un array sería mucho mejor pero se me presentó el mismo problema anterior.
$black = array(
array(17,70,121),
array(12,133,25),
array(114,26,7),
array(38,44,10),
array(16,113,52),
array(123,29,26)
);
El color de fondo de la imagen es blanco
$white = imagecolorallocate($image,255,255,255);
No se si es posible crear un color de fondo transparente al añadir la variación de un rgba
.
rgba(82, 56, 76, 0.15);
De esta forma:
imagecolorallocate($image,82, 56, 76, 0.15);
no imprime la imagen.
Analizado los diferentes tipos de captcha en la web he observado en algunos captcha donde el texto de la imagen es personalizado, esto se debe a librerías .txt
personalizadas donde el archivo .txt
tiene diferentes texto personalizados utilizados como texto de la imagen captcha.
A diferencia de una imagen aleatoria:
$source = "abcdefghijklmnopqrstuvwxyz0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
Sería útil poder reemplazar un texto aleatorio a un texto personalizado mediante librerías .txt
Mi código captcha en el diseño actual captcha.php.
<?php
session_start();
$image = imagecreatetruecolor(120,50); //Ancho y alto de la imagen
$white = imagecolorallocate($image,255,255,255); // Color de fondo de la imagen
$black = imagecolorallocate($image,rand(78,181),rand(163,35),rand(36,7)); //Cambio de color de la fuente al refrescar
imagefill($image,0,0,$white);
imagerectangle($image,1,1,99,39 ,$white); // Configura el color del marco
$source = "abcdefghijklmnopqrstuvwxyz0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
$first = $source[mt_rand(0,61)];
$second = $source[mt_rand(0,61)];
$third = $source[mt_rand(0,61)];
$fourth = $source[mt_rand(0,61)];
$_SESSION['captcha_secure'] = $first.$second.$third.$fourth;
imagettftext($image,25,mt_rand(-40,30),10,30,$black,"resources/fonts/Quixley.ttf",$first); //tamaño de la fuente se realiza en la primera numeracion -> (25)
imagettftext($image,25,mt_rand(-40,30),30,30,$black,"resources/fonts/AntykwaBold.ttf",$second); //giro de la fuente se realiza en la segunda y tercera numeración -> (-40,30)
imagettftext($image,25,mt_rand(-40,30),50,30,$black,"resources/fonts/Ding-DongDaddyO.ttf",$third); // Espacio la cuarta, alto la quinta -> (50,30)
imagettftext($image,25,mt_rand(-40,30),70,30,$black,"resources/fonts/Duality.ttf",$fourth); // se puede cambiar varios modelo de fuente
// Para añadir más caracters a la imagen se debe multiplicar estos parametros al caracters deseado
/*
imagettftext($image,25,mt_rand(-40,30),70,30,$black,"resources/fonts/Duality.ttf",$fourth);
*/
header("content-type:image/png");
imagepng($image);
?>
clase
el resultado que deseó tener es similar al texto del captcha de Google pero más de aquello es poder integrar elarray
al sistema captcha utilizar elarray
del color y elarray
de la fuente del captcha como nota opcional poder utilizar un texto personalizado en la imagen captcha a través de un archivo .txt pero es opcional el problema que se me ha presentado es poder vincular elarry
para sustituir el código actual.