opencv 识别微信登录验证滑动块位置


Posted in Javascript onAugust 07, 2018

目标

识别微信登录新账号,需要拖动滑块验证时,目标块相对于图片的位置

前提相关信息:

  • 滑块与目标位置的距离是随机的,且在一定范围内,设其最大最小值为[min, max]
  • 滑块滑到距离目标左右10个单位的误差内也可以通过验证
  • 每次的滑块验证码有三次重试的机会,如果三次验证不过,微信会自动换验证码
  • 可以无限次数刷新验证码
  • 应用机器学习应该能达到出色的识别率,但考虑到时间+学习成本,不采用机器学习的方式

相关图片信息

截图 - 通过android自带的截图工具截取验证的界面,在代码中为screenshot.jpg

opencv 识别微信登录验证滑动块位置

opencv 识别微信登录验证滑动块位置

opencv 识别微信登录验证滑动块位置

三种方案

1.随机拖动

基本思路:

每次验证码的三次重试机会,分别采用min + 10, (min + max)/2, max - 10三个位置进行拖动。

若不通过,则刷新验证码,重复上述过程

优点:

  • 单张验证码通过率下等
  • 不用截图、下载图片与滑块图
  • 不需要加入python-opencv层
  • 因为可以无限重试,试的次数多了就能过

缺点:

  • 判断的位置是根据min、max推断出来的大致范围
  • min、max的值如果变化得很明显,那么程序也要响应修改min与max的值

2.根据颜色识别图片目标位置 (我打算采用这个方案)

基本思路:

根据目标位置的颜色的规律性(一般都是灰黑灰黑的),制定一个颜色范围

opencv 识别微信登录验证滑动块位置

从图片中用inRange将图片转换成黑白图,白色部分为原图中符合颜色范围的区域

用findContours找出所有轮廓,根据轮廓所涉及的元素点的最多的几项判断目标位置的大致范围

代码实现

# 读取截图
screenshot = cv2.imread('screenshot.jpg')
# 筛选出符合颜色区间的区域
inRange = cv2.inRange(screenshot, np.array([90, 90, 90]), np.array([115, 115, 115]))
# 从图中找出所有的轮廓
_, cnts, _ = cv2.findContours(inRange.copy(), cv2.RETR_EXTERNAL, cv2.CHAIN_APPROX_SIMPLE)
# 对所有轮廓做排序,排序依据是每个轮廓包含的点的数量
cnts.sort(key=len, reverse=True)
# 取前两个轮廓(有些图片目标位置不一定是第一个轮廓)
for cnt in cnts[0: 2]:
  xSum = 0
  xCounter = 0
  for position in cnt:
    xCounter += 1
    xSum += position[0][0]
  # 算出所有点的X坐标平均值,并在此基础上做一个60像素的偏移,这个偏移可以根据自己手机进行调整
  x = int(xSum / xCounter - 60)
  # 在截图上画一条红线,表示识别的x坐标位置
  cv2.line(screenshot, (x, 0), (x, 500), (0, 0, 255), 5)
cv2.imshow("screenshot", screenshot)
cv2.waitKey(0)

优点:

  • 单张验证码通过率中等
  • 不用下载图片与滑块图

缺点:

  • 判断的位置仍然是大致范围,较第一种随机位置范围精确性有较大提升
  • 需要加入python-opencv层
  • 需要截图
  • 根据滑块识别目标位置

基本思路:

滑块与目标位置的区别在于,目标位置加了一层灰黑色透明前景色,图片处理时先给滑块图片加上相同的灰黑色透明前景色

opencv 识别微信登录验证滑动块位置
opencv 识别微信登录验证滑动块位置

用处理过的滑块去匹配目标位置

代码实现:

# 读取滑块图片,并给其加上相同的灰黑色透明前景色,再进行灰化
block = cv2.imread('block.jpg')
blockCopy = block.copy()
w, h = block.shape[:-1]
cv2.rectangle(blockCopy, (0, 0), (w, h), (47, 47, 47), -1)
cv2.addWeighted(blockCopy, 0.7, block, 0.3, 0, block)
block = cv2.cvtColor(block, cv2.COLOR_RGB2GRAY)
# 读取验证码图片,并灰化
captcha = cv2.imread('captcha.jpg')
captchaGray = cv2.cvtColor(captcha, cv2.COLOR_RGB2GRAY)
# 寻找captcha中匹配block的位置
res = cv2.matchTemplate(captchaGray, block, cv2.TM_SQDIFF)
min_val, max_val, min_loc, max_loc = cv2.minMaxLoc(res)
# 在最符合的画一个矩形
cv2.rectangle(captcha, min_loc, (min_loc[0] + w, min_loc[1] + h), (0, 0, 255), -1)
cv2.imshow('block', block)
cv2.imshow("captcha", captcha)
cv2.waitKey(0);

优点:

  • 单张验证码通过率高
  • 如果判断成功,位置一般很精确

缺点:

  • 需要加入python-opencv层
  • 需要下载原图、滑块图(原图、滑块图的下载还没研究)
  • 判断不成功的时候,判断的位置一般偏离目标位置较大

总结

三种方案中第二种拥有不错的验证率,且较第三种只需要对验证界面进行截图,开发较容易。
综上所述,第二种方案是我认为较好的方法。

Javascript 相关文章推荐
javascript最常用与实用的创建类的代码
Aug 12 Javascript
基于JQuery的6个Tab选项卡插件
Sep 03 Javascript
无阻塞加载脚本分析[全]
Jan 20 Javascript
dojo学习第二天 ajax异步请求之绑定列表
Aug 29 Javascript
extjs_02_grid显示本地数据、显示跨域数据
Jun 23 Javascript
jQuery实现点击图片翻页展示效果的方法
Feb 16 Javascript
mvvm双向绑定机制的原理和实现代码(推荐)
Jun 07 Javascript
vue-cli如何快速构建vue项目
Apr 26 Javascript
工作中常用到的ES6语法
Sep 04 Javascript
JavaScript动画实例之粒子文本的实现方法详解
Jul 28 Javascript
学习 Vue.js 遇到的那些坑
Feb 02 Vue.js
JavaScript架构搭建前端监控如何采集异常数据
Jun 25 Javascript
JavaScript设计模式之缓存代理模式原理与简单用法示例
Aug 07 #Javascript
深入浅析var,let,const的异同点
Aug 07 #Javascript
springMvc 前端用json的方式向后台传递对象数组方法
Aug 07 #Javascript
JS实现中英文混合文字溢出友好截取功能
Aug 06 #Javascript
JS实现图片上传多次上传同一张不生效的处理方法
Aug 06 #Javascript
JS插件clipboard.js实现一键复制粘贴功能
Dec 04 #Javascript
js实现图片上传并预览功能
Aug 06 #Javascript
You might like
为什么《星际争霸》是测试人工智能的理想战场
2019/12/03 星际争霸
PHP CodeBase:将时间显示为"刚刚""n分钟/小时前"的方法详解
2013/06/06 PHP
php购物车实现方法
2015/01/03 PHP
PHP使用mysql_fetch_row查询获得数据行列表的方法
2015/03/18 PHP
PHP实现对png图像进行缩放的方法(支持透明背景)
2015/07/15 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
javascript Array.remove() 数组删除
2009/08/06 Javascript
Javascript实现关联数据(Linked Data)查询及注意细节
2013/02/22 Javascript
js获得当前时区夏令时发生和终止的时间代码
2014/02/23 Javascript
jquery实现上下左右滑动的方法
2015/02/09 Javascript
jQuery实现在下拉列表选择时获取json数据的方法
2015/04/16 Javascript
JavaScript截断字符串的方法
2015/07/15 Javascript
JavaScript基础重点(必看)
2016/07/09 Javascript
AngularJS教程 ng-style 指令简单示例
2016/08/03 Javascript
jQuery操作dom实现弹出页面遮罩层(web端和移动端阻止遮罩层的滑动)
2016/08/25 Javascript
Javascript 跨域知识详细介绍
2016/10/30 Javascript
JS 对java返回的json格式的数据处理方法
2016/12/05 Javascript
javascript设计模式之单体模式学习笔记
2017/02/15 Javascript
layer实现关闭弹出层刷新父界面功能详解
2017/11/15 Javascript
windows系统下更新nodejs版本的方案
2017/11/24 NodeJs
vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
2018/03/01 Javascript
vuex实现登录状态的存储,未登录状态不允许浏览的方法
2018/03/09 Javascript
vue的过滤器filter实例详解
2018/09/17 Javascript
详解Angular模板引用变量及其作用域
2018/11/23 Javascript
可能被忽略的一些JavaScript数组方法细节
2019/02/28 Javascript
关于python列表增加元素的三种操作方法
2018/08/22 Python
总结python中pass的作用
2019/02/27 Python
超级实用的8个Python列表技巧
2020/08/24 Python
整理HTML5中表单的常用属性及新属性
2016/02/19 HTML / CSS
C#笔试题
2015/07/14 面试题
对公司合理化的建议书
2014/03/12 职场文书
就业协议书范本
2014/04/11 职场文书
2014年组织部工作总结
2014/11/14 职场文书
2016年校园重阳节广播稿
2015/12/18 职场文书
学习新党章心得体会2016
2016/01/15 职场文书
使用kubeadm命令行工具创建kubernetes集群
2022/03/31 Servers