識別滑塊缺口位置

引言

目前互聯網上很多網站都有滑塊驗證碼驗證。今天我要做的就是識別大部分滑塊的缺口位置。

開始

現在的滑塊缺口基本分爲兩種,一種是極驗系的,提供原圖和帶缺口的背景圖,另一種就是隻有滑塊圖片和帶缺口的背景圖,網易系。

先感受一下它們的圖片風格

極驗系:
帶缺口的背景圖
帶缺口的背景圖
完整背景圖
在這裏插入圖片描述
網易系
帶缺口的背景圖
在這裏插入圖片描述
滑塊圖片
滑塊圖片
------------------------------------------------------華麗的分割線------------------------------------------------------

思路講解

極驗系
可以看到極驗系的完整背景圖和帶缺口的背景圖,色差比較大的就只有滑塊部分,所以我們只需要對比兩個圖片的色差,一旦匹配到色差比較大的地方,即爲滑塊的開始位置。

網易系
可以看到網易的是沒有所謂的背景圖的,所以沒法通過色差去識別缺口位置。
但是我發現如果用缺口圖片的輪廓去匹配呢?是不是就可以了呢。可以看到帶缺口的背景圖上面的滑塊缺口輪廓還是比較明顯的。
下面看下經過處理的圖片
/* 滑塊輪廓 /
在這裏插入圖片描述
/
帶缺口的背景圖 的輪廓 */
在這裏插入圖片描述
這樣看起來是不是會好多了呢? 最後利用opencv的模板匹配,用滑塊輪廓去背景圖中匹配一下即可
看下結果吧!
在這裏插入圖片描述
看起來還不錯! 剛好完全匹配上了。

網易系代碼地址: https://github.com/crazyxw/SlideCrack/tree/master/slide_01
極驗系代碼地址: https://github.com/crazyxw/SlideCrack/tree/master/slide_02
整個項目地址: https://github.com/crazyxw/SlideCrack

收尾

如果此項目幫助你,並節省了你一筆打碼費用,希望你可以請我喝杯咖啡

支付寶
在這裏插入圖片描述
微信:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章