類似于簡書登錄的拖滑塊是該如何實現(xiàn)?
拖滑塊驗證如何實現(xiàn)
qq_遁去的一_1
2018-11-21 18:14:26
TA貢獻1828條經(jīng)驗 獲得超13個贊
你如果要用js模擬的話倒是很容易,但是屁用都沒有。像驗證碼之類的是后臺需要考慮的東西。我簡單講講js模擬實現(xiàn)的思路吧:
用canvas來做比較好,因為canvas有個globalCompositeOperation屬性可以調(diào)整你想顯示的圖像內(nèi)容(透明或者其他)
在加載好一張圖片后你可能需要生成一個隨機數(shù)來決定你 滑塊所在的 位置和對應的滑塊大小,然后保存起來
拖動完成后將 拖動的 滑塊位置 與 保存的正確的 滑塊位置 進行比對,判斷誤差在多少范圍內(nèi) 成功
舉報