本文實(shí)例為大家分享了使用canvas繪制隨機(jī)驗(yàn)證碼的具體代碼，供大家參考，具體內(nèi)容如下

10年積累的成都做網(wǎng)站、成都網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先制作網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有曲沃免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

理論基礎(chǔ)：

掌握使用canvas繪制線條和圓形以及繪制文字

實(shí)現(xiàn)思路：

先構(gòu)建一個(gè)畫布，設(shè)置一定的寬高（在canvas中設(shè)置寬高和在style中設(shè)置是有區(qū)別的，建議直接在canvas標(biāo)簽中設(shè)置），封裝一個(gè)生成隨機(jī)數(shù)的方法，為線條和圓形的繪制設(shè)置隨機(jī)的位置，既然是隨機(jī)的，必然是有隨機(jī)的區(qū)間，先獲取畫布的寬高，線條和圓的位置就是（0~畫布的寬高區(qū)間）的隨機(jī)位置，再定義一個(gè)隨機(jī)字符，獲取隨機(jī)的索引值，即可生成隨機(jī)的驗(yàn)證碼。需要刷新，直接把以下代碼封裝在函數(shù)里，用一個(gè)事件觸發(fā)即可。

源代碼：

網(wǎng)站欄目：JavaScript使用canvas繪制隨機(jī)驗(yàn)證碼-創(chuàng)新互聯(lián)
網(wǎng)站地址：http://weahome.cn/article/dgsogc.html