首页 > PHP学习 > ThinkPHP6下简化think-captcha验证码,提高文字辨识度

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

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

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

think-captcha验证码

控制器测试代码:

<?php
namespace app\controller;

use app\BaseController;
use think\facade\View;

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>

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

微信截图_20200501201048.png

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

优化think-captcha验证码

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

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

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

微信截图_20200501202618.png

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

打开vendor\topthink\think-captcha\src\Captcha.php

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

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

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

4444.png

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

觉得文章有用就打赏一下文章作者

微信扫一扫打赏

标签: