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