拖滑块验证如何实现

Question

类似于简书登录的拖滑块是该如何实现？

Answer 1

你如果要用js模拟的话倒是很容易，但是屁用都没有。像验证码之类的是后台需要考虑的东西。我简单讲讲js模拟实现的思路吧：用canvas来做比较好，因为canvas有个globalCompositeOperation属性可以调整你想显示的图像内容（透明或者其他）在加载好一张图片后你可能需要生成一个随机数来决定你 滑块所在的 位置和对应的滑块大小，然后保存起来拖动完成后将 拖动的 滑块位置 与 保存的正确的 滑块位置 进行比对，判断误差在多少范围内 成功