先上圖：
演示地址：http://aso.39gs.com/tncode/index.html
相信在淘寶，斗魚這些大網站都見到過這樣的驗證碼了，拖動驗證碼比傳統在移動端有更好的化驗，減少用戶的輸入。
極驗驗證碼：第三方收費拖動驗證碼，斗魚，熊貓直播等很多網站都使用了這家的驗證碼。
這種通過第三方來實現的方式對一個程序來說，總覺得很不好。於是我就想做用php+js來做一個同樣的功能，名字就叫tncode吧，39驗證碼，哈哈！
實現的主要技術：
1、php摳圖
2、js canvas畫圖
3、破解干擾
4、使用webp圖片格式
代碼下載
地址一：https://github.com/binwind8/tncode
地址二：http://aso.39gs.com/tncode/tncode.rar
有網友反饋本地安裝無法顯示圖片，可能是網友本地環境打開錯誤日志報告，處理方法：
一、把tncode.php中error_reporting(7) 改在 error_reporting(0);
二、如果上面方法沒用，請按以下操作：
- 請打開php錯誤報告，在TnCode.class.php添加 ，error_reporting(7) ;
- 把然后把TnCode.class.php中header(‘Content-Type: image/png’); 注釋
- 在瀏覽器中打開 http://xxxx/xxxx/tncode.php，會顯示出錯誤報告
- 請把報告留言給我，謝謝！