java生成简单验证码图片

概要

　　最近项目需要用java实现输出随机验证码图片到前台，正好有机会接触下java的绘图类，完成需求后也有时间做个总结，写篇随笔记录下也希望能帮助到有同样需求的人！

需求流程图

１．生成随机数

　　在ｊａｖａ中生成随机数无非就是调用Random的api，但为了后续更好的实用，应该分成多种组合以适应需求的变化，应将生成随机数的个数和类型组合还有排除字符抽取成参数，这个也比较简单，没有什么难度，就直接贴上代码

 /**
      * 生成随机验证码
      * @param type  类型
      * @param length   长度
      * @param exChars  排除的字符
      * @return
      */
     public static String getRandomCode(int type,int length,String exChars){
 　　　　　　case TYPE_NUM_CHAR://数字+(大小写)字母
             while(i<length){
                 int t=random.nextInt(123);
                 if((t>=97||(t>=65&&t<=90)||(t>=48&&t<=57))&&(exChars==null||exChars.indexOf((char)t)<0)){
                     sb.append((char)t);
                     i++;
                 }
             }
             break;

 ｝

２．绘制图片

　　绘制图片是重点也是难点，老实说我之前都没用过BufferedImage、Graphics、Color等对象，都是从度娘处脑补并结合帖子写出来的输出图片

　　１）创建BufferedImage对象

　　　　如果把BufferedImage比作是画板，那么Graphics就是画纸，这样比较好理解，后续的操作都是在这画纸上进行的

 　　　　BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
 　　　　Graphics g = image.getGraphics();
 　　　　／／随机操作对象
 　　　　Random r=new Random();

　　２）绘制背景

　　　Graphics有个setColor（）方法，可理解为画笔，在绘制任何东西前要选好画笔，即颜色，然后调用fillRect（）进行轮廓的绘制，后续的绘制范围不会超过这个轮廓

         g.setColor(backColor==null?getRandomColor():backColor);
         g.fillRect(0,0,width,height);

　　３）绘制干扰线

　　调用drawLine画直线，绘制不超过interLine条干扰线

 　     if(interLine>0){
             int x=r.nextInt(4),y=0;
             int x1=width-r.nextInt(4),y1=0;
             for(int i=0;i<interLine;i++){
                 g.setColor(lineColor==null?getRandomColor():lineColor);
                 y=r.nextInt(height-r.nextInt(4));
                 y1=r.nextInt(height-r.nextInt(4));
                 g.drawLine(x,y,x1,y1);
             }
         }

　　４）写验证码

　　　　写验证码时调用drawString（）方法，为了不整整齐齐而且重叠的写，应将每个字符的高度和水平位置随机，重点在于每绘制完一个字符后，需将画笔的水平坐标往右边移动一定的位置，这里我用了依据宽度浮动，可不必照搬这里的，有合适的算法就行

 　　　　 int fsize=(int)(height*0.8);//字体大小为图片高度的80%
         int fx=0;
         int fy=fsize;
         g.setFont(new Font(Font.SANS_SERIF,Font.PLAIN,fsize));
         //写字符
         for(int i=0;i<textCode.length();i++){
             fy=randomLocation?(int)((Math.random()*0.3+0.6)*height):fy;//每个字符高低是否随机
             g.setColor(foreColor==null?getRandomColor():foreColor);
             g.drawString(textCode.charAt(i)+"",fx,fy);
             fx+=(width / textCode.length()) * (Math.random() * 0.3 + 0.8); //依据宽度浮动
     　　　}

　　５）扭曲图片

　　　　图片的扭曲就是将图片水平和垂直按不同比例平移，copyArea（）方法简单明了，直接是复制区域，也是同个意识

 　　　　　//扭曲图片
          shearX(g, width, height, backColor);
          shearY(g, width, height, backColor);
          private static void shearX(Graphics g, int w1, int h1, Color color) {
          Random random=new Random();
          int period = 2;

          boolean borderGap = true;
          int frames = 1;
         int phase = random.nextInt(2);

         for (int i = 0; i < h1; i++) {
             double d = (double) (period >> 1)* Math.sin((double) i / (double) period
 　　　　　　　　　　+ (2.2831853071795862D * (double) phase)/ (double) frames);
             g.copyArea(0, i, w1, 1, (int) d, 0);
             if (borderGap) {
                 g.setColor(color);
                 g.drawLine((int) d, i, 0, i);
                 g.drawLine((int) d + w1, i, w1, i);
             }
         }

     }

     private static void shearY(Graphics g, int w1, int h1, Color color) {
         Random random=new Random();
         int period = random.nextInt(40) + 10; // 50;

         boolean borderGap = true;
         int frames = 20;
         int phase = random.nextInt(2);
         for (int i = 0; i < w1; i++) {
             double d = (double) (period >> 1)
                     * Math.sin((double) i / (double) period
                             + (2.2831853071795862D * (double) phase)/ (double) frames);
             g.copyArea(i, 0, 1, h1, 0, (int) d);
             if (borderGap) {
                 g.setColor(color);
                 g.drawLine(i, (int) d, i, 0);
                 g.drawLine(i, (int) d + h1, i, h1);
             }

         }

     }

　　　６）添加噪点

　　　　噪点的添加实质上就是在画纸上没有规律的点点点．．．，所以用随机颜色随机位置来执行image.setRGB（）方法最合适了

  　　　　float yawpRate = 0.05f;// 噪声率
         int area = (int) (yawpRate * width * height);//噪点数量
         for (int i = 0; i < area; i++) {
             int xxx = r.nextInt(width);
             int yyy = r.nextInt(height);
             int rgb = getRandomColor().getRGB();
             image.setRGB(xxx, yyy, rgb);
         }

　　７）封笔

　　以上一切画完之后，下一步就是封笔了，思来想去这样表达最合适，绘制完之后就是放好笔，收起画纸，这里就是返回BufferedImage对象

         g.dispose();
         return image;    

 输出目标位置

　　１）输出文件

　　这里写了一个简单的测试类，将图片输出成文件

 public static void main(String[] args) {
         String randomCode = CodeUtils.getRandomCode(CodeUtils.TYPE_NUM_CHAR, 4, null);
         System.out.println(randomCode);
         BufferedImage imageFromCode = ImageUtils.getImageFromCode(randomCode, 100, 50, 3, true, Color.WHITE, Color.BLACK, null);
          try {
             File file = new File("d:/test01.jpg");
             ImageIO.write(imageFromCode,"jpg",file);
             System.out.println("成功保存到："+file.getAbsolutePath());
         } catch (IOException e) {
             System.out.println("保存失败");
             e.printStackTrace();
         } 

     }

　　　　效果图：

　　　　

　　２）输出流

　　　　输出到流中也是用到和到文件中的方法，根据业务保存到目标位置即可

     public static void outputStream(HttpServletRequest request,HttpServletResponse response){
         try {
             // 设置浏览器不缓存本页
             response.addHeader("Pragma", "no-cache");
             response.addHeader("Cache-Control", "no-cache");
             response.addHeader("Expires", "0");
             // 生成验证码，写入用户session
             String verifyCode = CodeUtils.getRandomCode(CodeUtils.TYPE_NUM_CHAR, 4, null);
             request.getSession().setAttribute("imageVerify", verifyCode);
             // 输出验证码给客户端
             response.setContentType("image/jpeg");
             BufferedImage bim = ImageUtils
                     .getImageFromCode(verifyCode, 47, 18, 3, true,
                             Color.WHITE, Color.BLACK, null);
             ImageIO.write(bim, "JPEG", response.getOutputStream());

         } catch (Exception e) {
         }
         return null;
     }

总结

　　也没有比较深入的去分析绘制类，有需求可以通过调整位置参数来实现自己要的效果