为了账号安全,请及时绑定邮箱和手机立即绑定

拖滑块验证如何实现

拖滑块验证如何实现

qq_遁去的一_1 2018-11-21 18:14:26
类似于简书登录的拖滑块是该如何实现?
查看完整描述

1 回答

?
慕田峪7331174

TA贡献1828条经验 获得超13个赞

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

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

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

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


查看完整回答
反对 回复 2018-12-31
  • 1 回答
  • 0 关注
  • 595 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号