js canvas实现滑块验证

本文实例为大家分享了js canvas实现滑块验证的具体代码，供大家参考，具体内容如下话不多说先上代码想用的小伙伴可以直接使用，想了解的我后面会说下我的思路这里我总结了下我遇到的难点1.在开始的时候我不知道怎么画这个拼图的形状，后来百度发现其实很简单，就是用半圆和线拼接起来形成的图形就是拼图的形状2.怎么能把一个图片只显示拼图那一块呢，这也非常简单就是用ctx.clip()这个函数就可以实现，这里需要注意的是，你要先剪裁然后再加载图片在canvas中不然他就无法剪裁。