• 极客专栏正式上线!欢迎访问 https://www.jikewenku.com/topic.html
  • 极客专栏正式上线!欢迎访问 https://www.jikewenku.com/topic.html

系统水印不好看?那就自己开发吧

技术杂谈 勤劳的小蚂蚁 3个月前 (02-04) 61次浏览 已收录 0个评论 扫描二维码


大家都知道,平常我们在网上找图的时候,几乎都能看个一个个恐怖的水印贴在上面,让你没法对图片下手~但是我们自己在发送图片的时候,也会习惯加上属于我们自己的水印,只不过都是系统自动生成的,而娜姐今天捏,就教大家如何用 Java 给图片加水印。




水印开发是 w e b 开发中一种比较常见的功能,实现的代码其实很简单,具体的实现步骤我也会以代码为基础详细讲述。以娜姐个人的理解,可以把水印的类型和开发流程分为以下几种。

常见的水印类型

单文字水印
单图片水印
多文字水印
多图片水印


水印的开发流程

创建图片缓存对象
创建Java绘图工具对象
使用绘图工具工具对象将原图绘制到缓存图片对象
使用绘图工具对象将水印(文字/图片)绘制到缓存图片
创建图像编码工具类
使用图像编码工具类,输出缓存图像到目标文件


水印开发教程


1.单文字水印开发

所谓但文字水印,就是在一张图片上添加一条文字水印。其中我们主要的流程是通过 ImageIO 工具类解码对应的图片,然后创建BufferImage对象,通过BufferImage 对象创建 Graphics2D 对象,再通过 Graphics2D 对象绘制原图到BufferImage 对象。然后,我们还可以使用 Graphics2D 对象来设置水印的相关信息,如水印内容、字体大小、字体风格等。

(单文字水印效果图)

这里需要说明的是我们需要计算水印文本的宽度,中文长度即文本宽度,英文长度为文本宽度的二分之一。具体可以参考我源码中的相关内容。

相关代码如下?

  //计算水印文本长度
  //1、中文长度即文本长度 2、英文长度为文本长度二分之一
  public int getTextLength(String text){
    //水印文字长度
    int length = text.length();

    for (int i = 0 ; i < text.length(); i++) {
    String s =String.valueOf(text.charAt(i));
     if (s.getBytes().length>1) {
      length++;
      }
    }
    length = length%2==0?length/2:length/2+1;
    return length;
    }

(文本宽度代码)

  //添加单条文字水印方法
  public String textWaterMark(MultipartFile myFile,String imageFileName) {
  InputStream is =null;
  OutputStream os =null;
  int X = 636;
  int Y = 700;
 
      try {
         //使用ImageIO解码图片
         Image image = ImageIO.read(myFile.getInputStream());
         //计算原始图片宽度长度
         int width = image.getWidth(null);
         int height = image.getHeight(null);
         //创建图片缓存对象
         BufferedImage bufferedImage = new BufferedImage(width, height,BufferedImage.TYPE_INT_RGB);
         //创建java绘图工具对象
        Graphics2D graphics2d = bufferedImage.createGraphics();
        //参数主要是,原图,坐标,宽高
        graphics2d.drawImage(image, 0, 0, width, height, null);
        graphics2d.setFont(new Font(FONT_NAME, FONT_STYLE, FONT_SIZE));
        graphics2d.setColor(FONT_COLOR);
 
        //使用绘图工具将水印绘制到图片上
        //计算文字水印宽高值
        int waterWidth = FONT_SIZE*getTextLength(MARK_TEXT);
        int waterHeight = FONT_SIZE;
        //计算水印与原图高宽差
        int widthDiff = width-waterWidth;
        int heightDiff = height-waterHeight;
        //水印坐标设置
        if (X > widthDiff) {
        X = widthDiff;
        }
        if (Y > heightDiff) {
        Y = heightDiff;
        }
        //水印透明设置
   graphics2d.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_ATOP, ALPHA));
       //纵坐标在下方,不增加字体高度会靠上
       graphics2d.drawString(MARK_TEXT, X, Y+FONT_SIZE);
 
      graphics2d.dispose();
      os = new FileOutputStream(UPLOAD_PATH+”/”+imageFileName);
      //创建图像编码工具类
     JPEGImageEncoder en = JPEGCodec.createJPEGEncoder(os);
     //使用图像编码工具类,输出缓存图像到目标文件
     en.encode(bufferedImage);
     if(is!=null){ 
     is.close();
     }
     if(os!=null){
     os.close();
     }
     } catch (IOException e) {
    e.printStackTrace();
     }
     return “success”;
     }

(单文字水印代码)

2.单图片水印开发

单图片水印和上面单文字的代码流程大致一致,这里只讲解不同之处。
首先我们需要获得水印图片的路径,然后创建水印文件对象,同样通过 ImageIO 工具类解码水印图片,中间我们就不需要计算文本长宽了,因为单文字中的长宽即是我们水印图片的长宽。

(单图片水印效果图)

相关代码如下?

//水印图片路径
//水印坐标设置
String logoPath = “/img/logo.png”;
String realPath = request.getSession().getServletContext().getRealPath(logoPath);
File logo = new File(realPath);
Image imageLogo = ImageIO.read(logo);
int widthLogo = imageLogo.getWidth(null);
int heightLogo = imageLogo.getHeight(null);
int widthDiff = width-widthLogo;
int heightDiff = height-heightLogo;
//水印坐标设置
if (X > widthDiff) {
 X = widthDiff;
}
if (Y > heightDiff) {
 Y = heightDiff;
}
//水印透明设置
graphics2d.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_ATOP, ALPHA));
graphics2d.drawImage(imageLogo, X, Y, null);

(单图片水印代码)

3.多文字水印开发

其实多文字水印开发和单文字也是类似的,主要的不同点是我们需要将BufferImage 对象进行旋转。因为绘制水印并不支持旋转水印绘制,所以我们需要对原图进行旋转绘制,然后通过循环,我们就可以将一个文字水印多次绘制在原图上了。

(多文字水印效果图)

相关代码如下?

//旋转原图,注意旋转角度为弧度制。后面两个参数为旋转的坐标中心
  graphics2d.rotate(Math.toRadians(30),bufferedImage.getWidth()/2, bufferedImage.getHeight()/2);
 
  int x = -width/2;
  int y = -height/2;
 
  while(x < width*1.5){
   y = -height/2;
   while(y < height*1.5){
    graphics2d.drawString(MARK_TEXT, x, y);
    y+=waterHeight+100;
   }
   x+=waterWidth+100;
  }

(多文字水印代码)

4.多图片水印开发

与上文相同,多图片水印需要先读取水印图片,然后对水印设置透明度,在对原图进行旋转,然后通过循环,我们就可以将一个图片水印多次绘制在原图上。

(多图片水印效果图)

相关代码如下?

//水印图片路径
  String logoPath = “/img/logo.png”;
  String realPath = request.getSession().getServletContext().getRealPath(logoPath);
  File logo = new File(realPath);
  Image imageLogo = ImageIO.read(logo);
  int widthLogo = imageLogo.getWidth(null);
  int heightLogo = imageLogo.getHeight(null);
   
  //水印透明设置
  graphics2d.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_ATOP, ALPHA));
   
  graphics2d.rotate(Math.toRadians(30), bufferedImage.getWidth()/2, bufferedImage.getHeight()/2);
   
  int x = -width/2;
  int y = -height/2;
 
  while(x < width*1.5){
   y = -height/2;
   while(y < height*1.5){
    graphics2d.drawImage(imageLogo, x, y, null);
    y+=heightLogo+100;
   }
   x+=widthLogo+100;
  }

(多图片水印效果图)




看完之后是不是觉得很简单?其实只要会前面两种,后面两种就很简单了,赶快去试试吧,给自己的图片盖上专有的水印

丨极客文库, 版权所有丨如未注明 , 均为原创丨
本网站采用知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆许可协议进行授权
转载请注明原文链接:系统水印不好看?那就自己开发吧
喜欢 (0)
[247507792@qq.com]
分享 (0)
勤劳的小蚂蚁
关于作者:
温馨提示:本文来源于网络,转载文章皆标明了出处,如果您发现侵权文章,请及时向站长反馈删除。

您必须 登录 才能发表评论!

  • 精品技术教程
  • 编程资源分享
  • 问答交流社区
  • 极客文库知识库

客服QQ


QQ:2248886839


工作时间:09:00-23:00