国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > HTML5 > 正文

利用html5 canvas破解簡單驗證碼及getImageData接口應用

2024-09-05 07:20:07
字體：大 中 小
來源：轉載
供稿：網友
敝校的教務管理系統（貌似不止我們學校用呢），一到選課時間服務器各種崩不解釋，有時為了選個課就要反復輸入驗證碼，一想到千千萬萬的大學生把時間浪費在輸入驗證碼上面，我就覺得，我有義務拯救一下人類。

搜了一下，看到這篇文章，3年前的文章了。我參考了前半部分，借助TamperMonkey這個插件，大概實現了想要的效果。可以在Userscript獲取這個腳本，GitHub上面也有，代碼寫得丑，求debug，求指教。
說下思路：HTML 5中的canvas有個接口getImageData可以用來從驗證碼圖像中取得像素數據。每一個像素有對應r,g,b,a四個值，r,g,b是紅綠藍三色，a是透明度。

觀察到教務管理系統的驗證碼是5個數字，字體字號大小都不變，而且雖然背景雖然有干擾，但是很明顯跟字體顏色有很大區別，所以就用了一個很粗糙的方法：我們知道，顏色越淺，rgb值越大，顏色越深，rgb值越少。于是我對每一個像素點進行判斷，rgb的和小于350（這個值是測出來的）的就是屬于字體的像素，為了方便觀察，把它的rgb值都設置為255，否則設置為0。這樣就獲得了一個黑底白字的圖片了。

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 仪征市| 宜川县| 新巴尔虎左旗| 涟水县| 江都市| 普兰店市| 溆浦县| 红河县| 洪泽县| 长顺县| 上饶县| 金秀| 杭锦后旗| 广西| 资溪县| 色达县| 得荣县| 永春县| 东至县| 上高县| 乌兰县| 昭通市| 德安县| 萨嘎县| 翼城县| 承德县| 金沙县| 华池县| 黑河市| 福清市| 奉贤区| 亳州市| 平谷区| 邯郸市| 罗甸县| 包头市| 博白县| 西乡县| 普宁市| 洛阳市| 齐齐哈尔市|