站长资讯网
最全最丰富的资讯网站

ThinkPHP6下简化think-captcha验证码,提高文字辨识度

众所周知,验证码能防止恶意登录注册,它由服务端生成,发送给客户端,并最终以图像格式显示。复杂的验证码能提升网站的安全性,但过于复杂的验证码也会使得文字的肉眼识别变得异常困难,用户体验大大降低。

本文以最新thinkphp6.0think-captcha扩展为修改对象,来详细讲解如何简化验证码的显示,提高文字辨识度,让老年人也能看得清!

think-captcha验证码

控制器测试代码:

<?php namespace appcontroller;  use appBaseController; use thinkfacadeView;  class Index extends BaseController {     public function index()     {         return View::fetch();     } }

视图测试代码:

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Title</title> </head> <body> <img src="{:captcha_src()}" alt=""> </body> </html>

默认情况下渲染的验证码如下:

ThinkPHP6下简化think-captcha验证码,提高文字辨识度

可能有的小伙伴觉得这很清晰呀,但是对于年龄较大的人来说还是比较困难,另外通过修改验证码文件,也可以提高自己的动手能力、增长知识。

优化think-captcha验证码

找到configcaptcha.php配置文件,修改如下部分:

//验证码位数 'length'   => 4,                    //简洁的4字符验证码 // 验证码字符集合 'codeSet'  => '0123456789',        //这里我去掉英文了,只留下数字部分 // 是否使用混淆曲线 'useCurve' => false, //是否添加杂点 'useNoise' => false, // 验证码字体 不设置则随机 'fontttf'  => '4.ttf',            //经测试,该字体很顺眼

修改后刷新看看,是不是更简洁了?

ThinkPHP6下简化think-captcha验证码,提高文字辨识度

这样其实已经比较可以了,正常情况下不建议再修改框架,但既以学习为目的,那我们就再深入优化下。

打开vendortopthinkthink-captchasrcCaptcha.php

修改第277行,去掉字体斜移度

imagettftext($this->im, $this->fontSize, 0, $x, $y, $this->color, $fontttf, $char);

最后看看效果,是不是已经很满意了

ThinkPHP6下简化think-captcha验证码,提高文字辨识度

本文通过简单的修改配置文件、去掉倾斜度的方式简化了验证码的显示,提高了文字辨识度,小伙伴儿们多多动手,印象才会更深刻哟!

赞(0)
分享到: 更多 (0)
网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号