canvas 實(shí)現(xiàn)隨機(jī)驗(yàn)證碼

chengjianhua 發(fā)布于2019-08-20 16:17 / 2282人閱讀

摘要：實(shí)現(xiàn)隨機(jī)驗(yàn)證碼自定義驗(yàn)證碼個(gè)人博客漢字漢字隨機(jī)有很多繁體字，生僻字，最好建立漢字庫數(shù)字字母數(shù)字字母混合隨機(jī)自定義隨機(jī)漢字隨機(jī)字母隨機(jī)數(shù)字字母數(shù)字混合自定義請(qǐng)輸入驗(yàn)證碼引入庫使用隨機(jī)漢字隨機(jī)字母隨機(jī)數(shù)字字母數(shù)字混合自定義驗(yàn)證碼自定義驗(yàn)證碼

canvas 實(shí)現(xiàn)隨機(jī)驗(yàn)證碼 - 自定義驗(yàn)證碼
個(gè)人博客 http://taoquns.com/paper/59ba...

demo
github

漢字 （漢字隨機(jī)有很多繁體字，生僻字，最好建立漢字庫）
數(shù)字
字母
數(shù)字字母混合隨機(jī)
自定義

hanzi() 隨機(jī)漢字

getLetter() 隨機(jī)字母

getNumber() 隨機(jī)數(shù)字

NumberOrLetter() 字母數(shù)字混合

setCode(str) 自定義

demo

html

    
        
        
        
        
        
        請(qǐng)輸入驗(yàn)證碼

// 引入庫

let cvs1 = document.querySelector("#code1")
let cvs2 = document.querySelector("#code2")
let cvs3 = document.querySelector("#code3")
let cvs4 = document.querySelector("#code4")
let cvs5 = document.querySelector("#code5")

let a1 = new captcha(cvs1)
let a2 = new captcha(cvs2)
let a3 = new captcha(cvs3)
let a4 = new captcha(cvs4)
let a5 = new captcha(cvs5)


a1.hanzi() // 使用隨機(jī)漢字
console.log( a1.str )

a2.getLetter() // 隨機(jī)字母
console.log( a2.str )

a3.getNumber() // 隨機(jī)數(shù)字
console.log( a3.str )

a4.NumberOrLetter() // 字母數(shù)字 混合
console.log( a4.str )

a5.setCode("自定義驗(yàn)證碼") // 自定義驗(yàn)證碼
a5.disturb()

GPU云服務(wù)器云服務(wù)器隨機(jī)驗(yàn)證碼 View隨機(jī)驗(yàn)證碼隨機(jī)驗(yàn)證碼asp ios隨機(jī)驗(yàn)證碼

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/82844.html

相關(guān)文章

鴻蒙開源第三方組件——SwipeCaptcha_ohos3.0旋轉(zhuǎn)驗(yàn)證組件

摘要：步驟設(shè)置控件監(jiān)聽事件，重新生成驗(yàn)證區(qū)域在文件中添加控件在文件中添加控件，用于顯示旋轉(zhuǎn)驗(yàn)證的動(dòng)態(tài)效果。先實(shí)例化一個(gè)隨機(jī)數(shù)對(duì)象，用于后續(xù)計(jì)算隨機(jī)生成的旋轉(zhuǎn)驗(yàn)證塊角度值。前言基于安卓平臺(tái)的滑動(dòng)拼## 二級(jí)標(biāo)題圖驗(yàn)證組件SwipeCaptcha（https://github.com/mcxtzhang/SwipeCa...

Amos 2021-11-23 09:51 評(píng)論0 收藏0
驗(yàn)證碼識(shí)別

摘要：下面我們便來講種驗(yàn)證碼的識(shí)別方式和一些思路。哈哈庫其實(shí)，驗(yàn)證碼識(shí)別歸根到底還是對(duì)各種各樣圖片的識(shí)別和操作，中有很對(duì)圖像處理的庫，其中就是其中之一。所以在處理驗(yàn)證碼識(shí)別之前，必須先了解庫和。第五步，按照規(guī)定軌跡進(jìn)行拖動(dòng)，完成驗(yàn)證。寫在前面現(xiàn)在，很多網(wǎng)站采取各種各樣的措施來反爬蟲，其中之一就是使用驗(yàn)證碼。當(dāng)我們訪問網(wǎng)頁時(shí)，必須先通過驗(yàn)證碼才能夠訪問頁面。下面我們便來講2種驗(yàn)證碼的識(shí)別方...

keke 2019-08-02 16:10 評(píng)論0 收藏0
驗(yàn)證碼識(shí)別

摘要：下面我們便來講種驗(yàn)證碼的識(shí)別方式和一些思路。哈哈庫其實(shí)，驗(yàn)證碼識(shí)別歸根到底還是對(duì)各種各樣圖片的識(shí)別和操作，中有很對(duì)圖像處理的庫，其中就是其中之一。所以在處理驗(yàn)證碼識(shí)別之前，必須先了解庫和。第五步，按照規(guī)定軌跡進(jìn)行拖動(dòng)，完成驗(yàn)證。寫在前面現(xiàn)在，很多網(wǎng)站采取各種各樣的措施來反爬蟲，其中之一就是使用驗(yàn)證碼。當(dāng)我們訪問網(wǎng)頁時(shí)，必須先通過驗(yàn)證碼才能夠訪問頁面。下面我們便來講2種驗(yàn)證碼的識(shí)別方...

willin 2019-08-23 16:43 評(píng)論0 收藏0
驗(yàn)證碼識(shí)別

摘要：下面我們便來講種驗(yàn)證碼的識(shí)別方式和一些思路。哈哈庫其實(shí)，驗(yàn)證碼識(shí)別歸根到底還是對(duì)各種各樣圖片的識(shí)別和操作，中有很對(duì)圖像處理的庫，其中就是其中之一。所以在處理驗(yàn)證碼識(shí)別之前，必須先了解庫和。第五步，按照規(guī)定軌跡進(jìn)行拖動(dòng)，完成驗(yàn)證。寫在前面現(xiàn)在，很多網(wǎng)站采取各種各樣的措施來反爬蟲，其中之一就是使用驗(yàn)證碼。當(dāng)我們訪問網(wǎng)頁時(shí)，必須先通過驗(yàn)證碼才能夠訪問頁面。下面我們便來講2種驗(yàn)證碼的識(shí)別方...

k00baa 2019-07-31 10:15 評(píng)論0 收藏0
Js - 收藏集 - 掘金

摘要：微信小程序之獲取并解密用戶數(shù)據(jù)獲取后端掘金版權(quán)聲明本文為博主原創(chuàng)文章，若需轉(zhuǎn)載，請(qǐng)注明出處。正題開始，前端怎么學(xué)中文指南基本操作指南前端掘金作者緝熙簡介是推出的一個(gè)天挑戰(zhàn)。使用 JS 在客戶端判斷當(dāng)前網(wǎng)絡(luò)狀態(tài) - 前端 - 掘金 navigator.onLine 通過navigator.onLine判斷當(dāng)前網(wǎng)絡(luò)狀態(tài)： if(navigator.onLine){ ...}else{ ....

gself 2019-08-20 17:59 評(píng)論0 收藏0