Изменяем нашу каптчу (captcha)

Давайте сегодня немного поработаем со всевозможными настройками которые нам предоставляет стандартный класс для работы с капчей (CCaptcha).

---

Давайте для начала договоримся что у вас на сайте уже есть страница с установленной капчей. Если вы не умеете её устанавливать – прочитайте мой урок «Установка капчи на страницу».

Теперь заходим в ваш контроллер и находим там:

public function actions()
{
    return array(
    …
        'captcha'=>array(
            'class'=>'CCaptchaAction', 
            'backColor'=> 0xFFFFFF,
            …
        ),
    …
    );
}

Это стандартный пример того как выводить капчу на страницу. Если вы были внимательный, то уже уловили что настройки капчи задаются в этом месте в виде «настройка» => «значение».

Немного поигравшись и поменяв параметр backColor мы можем добавится что бы фон капчи стал черным:

'backColor'=> 0x000000

 Или красным:

'backColor'=> 0xFF0000

Теперь что б не было проблем с некоторыми фонами – давайте научимся менять цвет текста в капче. Для этого существует параметр «foreColor». Для того чтобы цвет капчи был черным, а цвет текста белым – наш конфиг будет выглядеть следующим образом:

public function actions()
{
    return array(
        'captcha'=>array(
            'class'=>'CCaptchaAction',
            'backColor'=> 0x000000, // Код черного цвета
            'foreColor'=> 0xFFFFFF, // Код белого цвета
        ),
    );
} 

Мне к примеру нравится белый текст на красном фоне:

            'backColor'=> 0xFF0000, // Код красного цвета
            'foreColor'=> 0xFFFFFF, // Код белого цвета

Теперь что тоже нам может понадобится – это количество генерируемых букв. Для того чтобы изменить эту настройку – у нас есть сразу две опции maxLength (максимальное кол-во символов) и minLength (минимальное кол-во символов).

Если мы хотим что бы на капче отображалось от двух до пяти букв (случайно) – тогда наш конфиг выглядит вот так:

public function actions()
{
    return array(
        'captcha'=>array(
            'class'=>'CCaptchaAction',
            'backColor'=> 0xFF0000,
            'maxLength'=> 5,
            'minLength'=> 2,
            'foreColor'=> 0xFFFFFF,
        ),
    );
} 

Если вам надо постоянное кол-во символов как у меня (всегда 4 символа на капче), тогда просто введите одинаковые значения в этим параметры:

            'maxLength'=> 4,
            'minLength'=> 4,

В принципе на этом всем можно было бы закончить наш урок, но нет. Есть специальные опции так сказать для истинных извращенцев. Значение «width» и «height» позваляет нам растянуть капчу на указанное значение ширены/высоты. Эти параметры могут показать вам полезными если вы хотите указать в капче 10 и более символов и они просто не вмещаются в стандартный размер. Задаются эти параметры как и все другие следующим образом:

            'width'=> 200,
            'height'=> 50,

Я думаю это все что я могу рассказать вам по изменению дизайна капч.
Следите и дальше за статьями по этой теме.

 

maxLength (минимальное кол-во символов) и minLength (максимальное кол-во символов).