ASP.NET 画图与图像处理-仿 Google 波形扭曲彩色验证码

作者: 来源:刘岛的博客 日期:2010-7-2

本文是在 51aspx实现的Asp.net无刷新中文验证码 基础代码上完成的。

效果图:

ASP.NET 画图与图像处理-仿 Google 波形扭曲彩色验证码

  • 无刷新:也就是一般网站都有的“看不清,点击更换”、“更换验证码”的那种功能,一段 js 脚本搞定!
  • 波形扭曲:类似 google 验证码,这个能更有效的防止验证码被机器人攻破,具体的扭曲程度可以自行设置(正弦曲线 Wave 扭曲图片产生波形滤镜效果),加加参数也可以改成 msn 的那种啊,自己举一反三吧!
  • 彩色:字符颜色都是随机的
  • 大小写:也是随机的,当然为了输入方便没有对大小写进行限制,也可以自己修改哦
  • 注释详细:各个参数都有很详细的说明,容易上手

为了显示扭曲效果,默认字体大小为 40 像素,可以自行修改

关于扭曲的源码:

/// <summary>
/// 正弦曲线Wave扭曲图片(Edit By 51aspx.com)
/// </summary>
/// <param name="srcBmp">图片路径</param>
/// <param name="bXDir">如果扭曲则选择为True</param>
/// <param name="nMultValue">波形的幅度倍数,越大扭曲的程度越高,一般为3</param>
/// <param name="dPhase">波形的起始相位,取值区间[0-2*PI)</param>
/// <returns></returns>
public System.Drawing.Bitmap TwistImage(Bitmap srcBmp, bool bXDir, double dMultValue, double dPhase)
{
    System.Drawing.Bitmap destBmp = new Bitmap(srcBmp.Width, srcBmp.Height);
   
    // 将位图背景填充为白色
    System.Drawing.Graphics graph = System.Drawing.Graphics.FromImage(destBmp);
    graph.FillRectangle(new SolidBrush(System.Drawing.Color.White), 0, 0, destBmp.Width, destBmp.Height);
    graph.Dispose();
   
    double dBaseAxisLen = bXDir ? (double)destBmp.Height : (double)destBmp.Width;
   
    for (int i = 0; i < destBmp.Width; i++)
    {
        for (int j = 0; j < destBmp.Height; j++)
        {
            double dx = 0;
            dx = bXDir ? (PI2 * (double)j) / dBaseAxisLen : (PI2 * (double)i) / dBaseAxisLen;
            dx += dPhase;
            double dy = Math.Sin(dx);
           
            // 取得当前点的颜色
            int nOldX = 0, nOldY = 0;
            nOldX = bXDir ? i + (int)(dy * dMultValue) : i;
            nOldY = bXDir ? j : j + (int)(dy * dMultValue);
           
            System.Drawing.Color color = srcBmp.GetPixel(i, j);
            if (nOldX >= 0 && nOldX < destBmp.Width
             && nOldY >= 0 && nOldY < destBmp.Height)
            {
                destBmp.SetPixel(nOldX, nOldY, color);
            }
        }
    }
   
    return destBmp;
}

关于无刷新的问题我找了很多文章都很复杂,后来想到了一个简单的办法:

<img id="imgVerify" src="VerifyCode.aspx?" alt=" 看不清?点击更换 " onclick="this.src=this.src+'?'" />

一段 js 代码搞定,不知道其他人是不是还有什么高见?欢迎交流

相关文章