Captcha: Любые Идеи Для Реализации

Случайно появилась идея, как реализовать отображение изображения капчи.

Возможно кто-то уже реализовал этот метод, не знаю.

Смысл в том, чтобы отображать изображение не с помощью тега «img», а скажем с помощью «div» с помощью стилей, а именно свойства фона, но это еще не все.

Фон дает нам возможность повторить изображение, поэтому можно создать изображение, которое не имело бы смысла, если бы оно было отображено один раз, но при повторении создавало бы изображение, которое человек мог бы узнать.

В общем, лучше привести пример.

Для исходного изображения возьму капчу с Яндекса:

CAPTCHA: любые идеи для реализации

Теперь отредактируем изображение, а именно разрежем его на две половины и поменяем их местами, вот что у нас получилось:

CAPTCHA: любые идеи для реализации

Хотя обрезать изображение таким образом не обязательно, это зависит от того, как вы используете стили.

А теперь код:

<div style="background: url('captcha.png'); height: 60px; width: 200px"> </div>

Если вы вставите этот код на страницу, вы получите изображение, похожее на вторую картинку.

Нам нужно получить нормальное изображение, которое человек мог бы узнать, поэтому кое-что добавляем и получаем:

<div style="background: url('captcha.png') -100px repeat-x; height: 60px; width: 200px"> </div>

В результате мы получаем картинку, идентичную исходному изображению.

Это самый простой способ реализации этой идеи, над этим можно подумать дальше.

Вот немного другая идея, более сложная в реализации, но, наверное, тоже интересная: Допустим, вы выводите изображение и закрываете его часть цветом фона, человек распознает только видимую часть капчи, а робот распознает все изображение и поэтому не сможет пройти тест. Теги: #CAPTCHA #Чулан

Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2019-12-10 15:07:06
Баллов опыта: 0
Всего постов на сайте: 0
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.