使用canvas的clip()方法和drawImage()方法將裁剪區域從原始圖片中復制到滑塊畫布上，並在原始圖片上留下壹個空白區域。設置滑塊畫布的position為absolute，並添加鼠標事件監聽器，用於控制滑塊的移動。
第壹步：在後端創建壹個生成隨機驗證碼的工具類和接收請求驗證碼的接口。工具類的主要作用生成隨機驗證碼和對應的圖片。接口的作用是將生成的隨機驗證碼保存到session，同時，將圖片進行base64編碼，然後返回給前端。
如果放在項目中用，驗證碼圖片希望可以是接口返回。ImageView以及其子類支持花式加載圖片。2繼承自ImageView，繪制圖片本身不用我們幹預，也不用我們操心scaleType，節省很多工作。
滑動方法：有壹種簡單的滑塊驗證碼，這種驗證碼要完成驗證很簡單，把左邊的滑塊按著向右拖動。拖動到最右邊，就可以完成驗證了，這裏有驗證通過的提示的。復雜的滑塊，是壹種類似拼圖的形式的。拖動滑塊到圖中缺口位置就行。
網站或者客戶端應用需要接入短信驗證碼，手機驗證碼，的功能，可以實現...手機網頁無法滑動驗證驗證碼滑動的正確操作——可以嘗試從極速模式轉變成兼容模式。