canvas實現滑塊驗證碼，無需任何插件

無需插件，簡簡單單幾行代碼實現滑塊驗證碼 話不多說，老規矩，先上Demo，預覽地址：blogai.cn 再放幾張預覽圖： 該功能的實現大概有以下幾步： canvas 創建兩個一樣的畫布，儲存驗證圖 相同座標通過fill,clip截取兩個驗證塊 監聽鼠標按下事件，記錄初始X座標 監聽鼠標移動事件，記錄下移動座標，驗證塊隨着移動 監聽鼠標鬆開事件，記錄結束X座標 對比移動距離和裁剪時的x座標 判斷差值

>>阅读原文<<