拖滑块验证如何实现

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

clipboard.png

阅读 3.4k
1 个回答

你如果要用js模拟的话倒是很容易,但是屁用都没有。像验证码之类的是后台需要考虑的东西。我简单讲讲js模拟实现的思路吧:

  1. 用canvas来做比较好,因为canvas有个globalCompositeOperation属性可以调整你想显示的图像内容(透明或者其他)

  2. 在加载好一张图片后你可能需要生成一个随机数来决定你 滑块所在的 位置和对应的滑块大小,然后保存起来

  3. 拖动完成后将 拖动的 滑块位置 与 保存的正确的 滑块位置 进行比对,判断误差在多少范围内 成功

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题