無重新整理仿google波形扭曲彩色Asp.net驗證碼

來源:互聯網
上載者:User

網上關於Asp.net驗證碼的樣本是在不少,前一段時間我發布的《51aspx實現的Asp.net無重新整理中文驗證碼》受到了廣大網站的轉載,但是關於其中無重新整理及波形扭曲的文章寥寥無幾,樣本也幾乎難尋,於是我搜集了一些資料寫了一個樣本免費提供給大家,主要特點如下:

效果圖:

 無重新整理:也就是一般網站都有的“看不清,點擊更換”、“更換驗證碼”的那種功能,一段js指令碼搞定!
 波形扭曲:類似google驗證碼,這個能更有效防止驗證碼被機器人攻破,具體的扭曲程度可以自行設定(正弦曲線Wave扭曲圖片產生波形濾鏡效果),加加參數也可以改成msn的那種啊,自己舉一反三吧!

 彩色:字元顏色都是隨機的
 大小寫:也是隨機的,當然為了輸入方便沒有對大小寫進行限制,也可以自己修改哦
 注釋詳細:各個參數都有很詳細的說明,容易上手

為了顯示扭曲效果,預設字型大小為40像素,可以自行修改

關於扭曲的源碼:

以下為引用的內容:
1       /**//// <summary>
 2        /// 正弦曲線Wave扭曲圖片(Edit By 51aspx.com)
 3        /// </summary>
 4        /// <param name="srcBmp">圖片路徑</param>
 5        /// <param name="bXDir">如果扭曲則選擇為True</param>
 6        /// <param name="nMultValue">波形的幅度倍數,越大扭曲的程度越高,一般為3</param>
 7        /// <param name="dPhase">波形的起始相位,取值區間[0-2*PI)</param>
 8        /// <returns></returns>
 9        public System.Drawing.Bitmap TwistImage(Bitmap srcBmp, bool bXDir, double dMultValue, double dPhase)
10        {
11            System.Drawing.Bitmap destBmp = new Bitmap(srcBmp.Width, srcBmp.Height);
12
13            // 將位元影像背景填充為白色
14            System.Drawing.Graphics graph = System.Drawing.Graphics.FromImage(destBmp);
15            graph.FillRectangle(new SolidBrush(System.Drawing.Color.White), 0, 0, destBmp.Width, destBmp.Height);
16            graph.Dispose();
17
18            double dBaseAxisLen = bXDir ? (double)destBmp.Height : (double)destBmp.Width;
19
20            for (int i = 0; i < destBmp.Width; i++)
21            {
22                for (int j = 0; j < destBmp.Height; j++)
23                {
24                    double dx = 0;
25                    dx = bXDir ? (PI2 * (double)j) / dBaseAxisLen : (PI2 * (double)i) / dBaseAxisLen;
26                    dx += dPhase;
27                    double dy = Math.Sin(dx);
28
29                    // 取得當前點的顏色
30                    int nOldX = 0, nOldY = 0;
31                    nOldX = bXDir ? i + (int)(dy * dMultValue) : i;
32                    nOldY = bXDir ? j : j + (int)(dy * dMultValue);
33
34                    System.Drawing.Color color = srcBmp.GetPixel(i, j);
35                    if (nOldX >= 0 && nOldX < destBmp.Width
36                     && nOldY >= 0 && nOldY < destBmp.Height)
37                    {
38                        destBmp.SetPixel(nOldX, nOldY, color);
39                    }
40                }
41            }
42
43            return destBmp;
44        }
45

關於無重新整理的問題我找了很多文章都很複雜,後來想到了一個簡單的辦法

以下為引用的內容:
<img id="imgVerify" src="VerifyCode.aspx?" alt="看不清?點擊更換" onclick="this.src=this.src+'?'" />


一段js代碼搞定,不知道其他人是不是還有什麼高見?歡迎交流



相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.