滑动验证php

⑴ 我想在我的php网站里加一个验证码，滑动那种

你也真敢想。
网页验证码一般是在后台生成一个验证码在后台生成好图片返回给网页显示，用户输入的信息与后端保存的信息再进行验证。
如果后端的信息返回到前端是已文字的形式，就起不到安全的作用了。
你的这个功能可以这样设计，但作用不大。我来说说我的思路吧
首先后端返回一个数字类型的验证码，前端获取数字行的验证用js+css组织实现特效。你在上图的黑色部分设定一个挡扳的html元素（这个元素距离左边的三角形滑动块的距离就是后端返回的数字），左边滑块滑动多少距离达这个隐藏区块，获取这个数值，保存下来。

⑵ 如何制作php登陆界面

如果你要的只是界面，那么我给你一个好的建议。
你可以去Bootstrap官网这个里面去找你想要的组件。
做出很炫的登录界面。
并且提供源代码。

凡事多动手，不要只会照搬。
我给你源代码你也不会做。
所以，你还是多去看看如何写。

如果，你要的是源码，那么你也可以去thinkphp官网去看看。有很多很不错的代码。值得学习。登录界面其实很简单，说白了，就是表单提交。

⑶ PHP滑动拼图验证码的图片是怎样生成的

1 如果放在项目中用，验证码图片希望可以是接口返回。ImageView以及其子类支持花式加载图片。
2 继承自ImageView，绘制图片本身不用我们干预，也不用我们操心scaleType，节省很多工作。
* 在onSizeChanged()方法中生成 和 控件宽高相关的属性值：
1 初始化时随机生成验证码区域起点
2 生成验证码区域Path
3 生成滑块Bitmap
* onDraw()时，依次绘制：
1 验证码阴影
2 滑块

⑷ pyppeteer 模拟人工滑动验证（一）

pyppeteer 有提供鼠标滑动的方法，但是单独调用 pyppeteer 滑动方法是无法通过验证的，必须使滑动轨迹更加接近人工的方式才行。

这里我们先了解一下pyppeteer是如何实现滑动的

根据以上的4个方法组合就可以实现滑动。

如果滑块已经页面page中，则直接调用 page.hover(slide_id), 无需这么复杂

1.找出 iframe 的css选择器 ：iframe#sufei-dialog-content （你应该根据实际情况填写）

2.在page中找到此 WebElement元素节点： iframe_element = await page.J('iframe#sufei-dialog-content')

此时还 无法在 iframe_element 上调用hover() 函数，因为iframe_element此时是 ElementHandle Class，而我们需要的是Frame Class

3.将ElementHandle Class强转成Frame Class ：iframe =await iframe_element.contentFrame()
完整的方法应该是：

其中x,y 是指移动到绝对横向，纵向坐标，options是一个字典，只有一个键steps，用来控制速度。
例如你想要鼠标向右移动500像素，则 x为当前横坐标 + 500，y为当前纵坐标不变。
当前的横坐标、纵坐标获取有些麻烦，网上也有人这样来滑动：
await page.mouse(10000,0) ，这样是指把鼠标横行移动到10000，纵向移动到零，滑动无法纵向移动，所以只能看到横行的移动效果。没有添加第三个参数,则默认一步完成 {'steps':1}
注意：这里的坐标和像素值是一致的，左上角为起点（0，0）
steps 是指分成几步来完成，steps越大，滑动速度越慢。(在源码中，steps是指移动到指定x,y 分段滑动的次数，但是每次启动滑动都会花费一定时间，可以认为steps是滑动的速度)

到现在，我们已经完成了滑动验证的功能，当然它还不够完善，但基本的功能已经齐全了，在下一节，介绍一下控制滑动轨迹，模拟人工滑动。

注意1：这里pyppeteer涉及到 page 与 iframe，peppeteer的功能是以frame为基础单位来实现的，page 的功能 iframe 都有，page 在执行函数时，会先调用 frame = self.mainFrame，然后在frame上执行功能。mainFrame就是最外面的那个Frame

注意2: mouse对象是page/mainFrame对象所独有的，在子frame中，也就是iframe 中不能调用mouse对象。

后续： pyppeteer 模拟人工滑动验证（二）