JS简单的成语验证操作

废话开篇:简单实现一个文字验证码操作

一、实现原理

这里主要是通过 canvas 绘制 成语 进行相关的点击操作,在点击的过程中记录用户的点击 顺序 来比对正确的顺序。

需要注意

1、绘制过程中主要是不能存在 字重叠 的情况。

2、单个文字绘制的随机 位置生成顺序 需记录。

3、鼠标点击事件监测,通过 event.layerXevent.layerY 来对有效点击进行判断。

4、每一点击都会进行是否正确的检测,因为绘制文字的顺序是已知的,一旦出现点击顺序出错的情况就会记录当前的操作必将是出错的。

二、实现效果

点击 汉字 进行验证

三、总结与思考

这里主要是思路,希望能对大家有所帮助

© 版权声明
THE END
喜欢就支持一下吧
点赞0

Warning: mysqli_query(): (HY000/3): Error writing file '/tmp/MYhh3cLJ' (Errcode: 28 - No space left on device) in /www/wwwroot/583.cn/wp-includes/class-wpdb.php on line 2345
admin的头像-五八三
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

图形验证码
取消
昵称代码图片