废话开篇:简单实现一个文字验证码操作
一、实现原理
这里主要是通过 canvas
绘制 成语
进行相关的点击操作,在点击的过程中记录用户的点击 顺序
来比对正确的顺序。
需要注意:
1、绘制过程中主要是不能存在 字重叠
的情况。
2、单个文字绘制的随机 位置
和 生成顺序
需记录。
3、鼠标点击事件监测,通过 event.layerX
和 event.layerY
来对有效点击进行判断。
4、每一点击都会进行是否正确的检测,因为绘制文字的顺序是已知的,一旦出现点击顺序出错的情况就会记录当前的操作必将是出错的。
二、实现效果
点击 汉字
进行验证
三、总结与思考
这里主要是思路,希望能对大家有所帮助
© 版权声明
文章版权归作者所有,未经允许请勿转载,侵权请联系 admin@trc20.tw 删除。
THE END