JS简单的成语验证操作

1,545 阅读1分钟

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

一、实现原理

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

需要注意

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

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

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

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

二、实现效果

点击 汉字 进行验证

三、总结与思考

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