「按键精灵」旋转验证(按键精灵角度方向)

boyanx21小时前技术教程2

大家好,我是公众号3分钟学堂的郭立员。

前端时间帮朋友解决了一个旋转图片过验证的问题,验证是这样子的:

(图片来自网络)

做这种验证脚本需要解决两个问题:一是旋转的角度,二是角度转化成滑动的距离。

我在帮朋友解决这个问题的时候,是这么操作,角度的识别使用了打码平台,滑动距离是通过角度和距离等比换算得到的。

打码平台当时使用的是:快识别平台,后来我在网上查了一下,图鉴、准快、快识别是一家公司的3个平台,内容是完全一样的,用这三个平台哪个都可以。

开发文档地址:

http://www.kuaishibie.cn/docs/anjian.html#pageTitle

因为平台有现成的源码,直接用就行,这里不多说。

使用打码平台上传验证图片以后,会返回一个角度的数值:

数值有正数也有负数,这是为啥呢?拿一个图举例:


这个图如果想要转正图片,需要顺时针旋转270度,因为这个验证只能是顺时针旋转。


但是打码平台会返回值-90,意思是说要逆时针旋转90度,那么对于这个数值,我们要判断一下,如果是正数就可以直接用,如果是负数就需要加上360,也就是-90+360=270。

正负值的问题解决了后,开始是角度与滑动距离的换算,先来看下图


假设图中滑动200的距离(具体以你实际app验证的为准),会旋转一周360度,那么想要完成验证需要旋转270度,旋转四分之三,同理滑动距离也是四分之三,200*(3/4)=150。


在用数学计算公式写一下,假设角度是x,滑动距离是y

x/360=y/200

算出距离y=0.56*x

这里由于200是我案例截图的距离,并不是每个app验证都是,所以0.56的换算比例要根据你实际情况计算。

根据换算比例就可以把打码平台返回的角度带入到公式中,算出滑动距离。

有了滑动距离之后,使用滑动命令完成滑动验证。

对于有些验证会检测滑动轨迹,那么还需要两个随机,一是随机滑动路径,二是随机滑动速度。

这种验证按照上面的逻辑一般就可以通过了,好了本期就这些内容,觉得还行点个赞。

相关文章

Swatch Book - css3 & query书签

今天的教程是关于创建使用 CSS 旋转变换和 JavaScript 制作动画书签效果。我们的想法是展现出样书状结构,使单一的色板或列表点击切换。当点击其中一项,我们就会旋转以显示所选择的项目。下载地址...

CSS 卡片悬停效果 | HTML & CSS 3D 翻转

CSS EFFECTS。源码:https://t.zsxq.com/wkVHd。Lorem ipsum dolor sit amet,consectetur odipisicing elit,Impe...

不借助后台和 JS,只用 CSS 让一个列表编号倒序...

我正在做一个项目,其中有一个倒序的列表。列表创建时间降序排序的,这里我想在语义和视觉上都能体现出来(让列表显示对应的编号,编号越大表示是最新的)。网上做了一些研究,找到了一些有趣的解决办法,有些很好,...

从入门到精通:掌握 CSS 的全程指南

从入门到精通:掌握 CSS 的全程指南Cascading Style Sheets(层叠样式表),简称 CSS,是前端开发中不可或缺的一部分。它为网页提供了美观和一致的外观,同时也为用户提供了更好的用...

英伟达GPU被曝严重漏洞,致模型准确率暴跌99.9%

克雷西 henry 发自 凹非寺量子位 | 公众号 QbitAI通过一种名为GPUHammer的攻击方式,可以让GPU上跑的大模型,准确率从80%直接掉到0.02%,可以说是渣都不剩。多伦多大学的研究...

诡异的层级错乱:一个被transform隐藏的CSS陷阱

周五下午三点十七分,设计部突然发来紧急截图——原本应该悬浮在顶部的导航菜单,此刻正诡异地被下方的轮播图遮挡。我盯着屏幕上错乱的层级关系,手指下意识地敲下z-index: 9999,心里清楚这不过是程序...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。