如何用JavaScript编写移动端图片滑块验证功能？

本文共计1381个文字，预计阅读时间需要6分钟。

之前写过一篇关于uniapp框架的滑动验证码验证，今天尝试用原生JS实现这个功能，PC端暂时不做，因为PC端只需将touch事件转换为mouse事件即可实现，这里不再赘述。以下是一个使用JS和canvas实现滑动验证码的示例代码。

之前写过一篇uniapp框架的滑块验证，今天抽个空用原生js实现这个功能，pc端暂时不做，因为pc端只要把touch事件改成mouse事件就能实现，这里就不再重复写了。
(最新完美版本，js+canvas实现，兼容pc，ie9和移动，js+cavans实现图片滑块验证)

老样子，还是先看效果

原理和上篇uniapp的滑块一样，不一样的是这里是纯js实现，代码是全部是自己写的，有不清楚的可以留言。