博客系统图片加水印功能实现

图片水印
placeholder image
admin 发布于:2022-07-23 18:04:48
阅读:loading

基本介绍

本站系统1.0版本并未对图片增加水印,在全面建站2.0时越发感觉增加图片水印也算是站点的一个特色功能,于是就考虑增加此功能的实现,最终考虑的是水印内容为本站的站点地址(常用的水印可以是基于图片的水印或文字的,本站以文字为主)。关于图片的水印本站实现的功能点主要有以下几点:

1)对于常见格式增加水印内容为“http://www.chendd.cn”的文本;

2)水印文本默认显示在正中间的位置,也可以按需要放置在左上,中上,右上,左中,右中,左下,中,右下等8个位置

3)若图片宽度较小时,缩放文本为8px显示水印;

4)若图片为长条图时,高度大于600时,每隔300px显示一次水印,一共可以显示为多个水印;

5)图片格式支持JPG/PNG/BMP/GIF等多种,其中非GIF的使用Google开源的thumbnailator组件,GIF动画图片的水印增加则是使用了非开源的gif4j;

6)结合ueditor编辑器,支持剪切板内容的图片粘贴、单个图片上传、批量图片上传时均支持自动增加水印,也提供了内置的约定支持图片的不增加水印;

本站关于图片的处理共涉及使用到了3种,分别是使用thumbnailator组件设置非GIF图片时的水印和使用animated-gif-jar组件实现的GIF动态验证码(后台登录时的验证码)以及对GIF动画图片增加水印的非开源库gif4j。关于thumbnailator本站也另有文章专门对其提供的功能做了基本的实现,如:图片的缩放、旋转、另存格式、水印等;animated-gif-jar组件则显得更加简单(早些年在国外站点下载了4个类就是生成gif动图的实现,该组件就是将这4个类进行了maven管理),本站也有相关文章进行实践,主要是将多张图片进行合并按帧显示,可以设置动图是否重复循环帧,可以设置每一帧的间隔时间等;gif4j则是本站2.0建站过程中经过百科得到的Java处理gif的非开源实现,经过整合实践发现增加水印的效果也还算不错,在录制GIF图片时使用过《GIF图片录制工具.exe》和《ScreenToGif》,个人认为ScreenToGif提供的功能更多更全面,并且Gif4j的API对于ScreenToGif制作的图片增加水印显得效果更好,具体可自行实践。本篇文章主要介绍以下gif水印的实现,其它两种转至对应的文章章节查看。

gif水印工具类

package cn.chendd.core.utils;

import com.gif4j.*;
import com.madgag.gif.fmsware.AnimatedGifEncoder;

import javax.imageio.ImageIO;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Random;

/**
 * Gif图片处理工具类
 *
 * @author chendd
 * @date 2021/12/27 15:37
 */
public class GifImageUtil {

    /**
     * 动图中加文字水印
     *
     * @param src      原图片
     * @param dest     输出图片
     * @param font     字体
     * @param color    颜色
     * @param text     水印文本
     * @param position 水印位置
     * @param opacity  水印透明度
     */
    public static void watermarkGif(File src, File dest, Font font, Color color, String text, ImageUtil.TextPositions position, float opacity) {
        try {
            //水印初始化、设置(字体、样式、大小、颜色)
            TextPainter textPainter = new TextPainter(font);
            textPainter.setOutlinePaint(Color.WHITE);
            BufferedImage renderedWatermarkText = textPainter.renderString(text, true);
            //图片对象
            GifImage gf = GifDecoder.decode(src);
            //获取图片大小
            int imageWidth = gf.getScreenWidth();
            int imageHeight = gf.getScreenHeight();
            //获取水印大小
            int fontWidth = renderedWatermarkText.getWidth();
            int fontHeight = renderedWatermarkText.getHeight();
            //加水印
            Watermark watermark = new Watermark(renderedWatermarkText, position.getPosition(imageWidth, imageHeight, fontWidth, fontHeight));
            gf = watermark.apply(GifDecoder.decode(src), true);
            //输出
            GifEncoder.encode(gf, dest);
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
    }

    /**
     * 添加图片水印
     *
     * @param src      原图
     * @param watemark 水印图片
     * @param dest     新图
     * @param position 坐标
     * @param opacity  透明度
     */
    public static void watermarkGif(File src, File dest, File watemark, ImageUtil.TextPositions position, float opacity) {
        try {
            BufferedImage renderedWatermarkText = ImageIO.read(watemark);
            //图片对象
            GifImage gf = GifDecoder.decode(src);
            //获取图片大小
            int imageWidth = gf.getScreenWidth();
            int imageHeight = gf.getScreenHeight();
            //获取水印大小
            int watemarkImageWidth = renderedWatermarkText.getWidth();
            int watemarkImageHeight = renderedWatermarkText.getHeight();
            Watermark watermark = new Watermark(renderedWatermarkText, 
                  position.getPosition(imageWidth, imageHeight, watemarkImageWidth, watemarkImageHeight));
            //水印透明度
            watermark.setTransparency(opacity);
            gf = watermark.apply(GifDecoder.decode(src), false);
            //输出
            GifEncoder.encode(gf, dest);
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
    }

    /**
     * 创建生成函数
     *
     * @param bos       参数类型为OutputStream 或 String filePath
     * @param randCodes 随机文本
     * @return gif图片
     */
    public static BufferedImage createVaildateCodeImage(OutputStream bos, char[] randCodes) {
        //按位数计算出N位长度的验证码图片所占用的宽和高,这里如果生成固定位数的长度时可以将宽和高写成常量值
        int codeLens = randCodes.length;
        int width = codeLens * 20 - codeLens * 20 / 10 - 5, height = 30;
        // 在内存中创建图象
        AnimatedGifEncoder gifFrame = new AnimatedGifEncoder();
        BufferedImage frame = null;
        //开始写入文件,需根据不同的参数类型来
        gifFrame.start(bos);
        //0重复,1不重复
        gifFrame.setRepeat(0);
        //设置图片直接的延时毫秒
        gifFrame.setDelay(1000);
        //生成GIF验证码的闪烁张数,帧
        for (int i = codeLens - 1; i >= 0; i--) {
            frame = graphicsImage(i, randCodes, width, height);
            gifFrame.addFrame(frame);
        }
        gifFrame.finish();
        // 如果是在servlet中使用则输出图象到页面,同时将code存储值session范围内,省略
        return frame;
    }

    /**
     * 在内存中生成一个图片
     */
    private static BufferedImage graphicsImage(int index, char[] randCodes, int width, int height) {
        Random random = new Random();
        BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
        // 获取图形上下文
        Graphics2D g = (Graphics2D) image.getGraphics();
        // 设定背景色
        g.setColor(getRandColor(200, 250));
        g.fillRect(0, 0, width, height);
        // 设定字体
        g.setFont(new Font("Consolas", Font.BOLD, 24));
        /// 画边框
        /*g.setColor(new Color());
        g.drawRect(0,0,width-1,height-1);*/
        // 随机产生155条干扰线,使图象中的认证码不易被其它程序探测到
        g.setColor(getRandColor(160, 200));
        for (int i = 0; i < 40; i++) {
            int x = random.nextInt(width);
            int y = random.nextInt(height);
            int xl = random.nextInt(12);
            int yl = random.nextInt(12);
            g.drawLine(x, y, x + xl, y + yl);
        }
        // 取随机产生的认证码(4位数字)
        for (int i = 0; i < randCodes.length; i++) {
            // 将认证码显示到图象中
            g.setColor(new Color(20 + random.nextInt(110), 20 + random
                    .nextInt(110), 20 + random.nextInt(110)));
            // 调用函数出来的颜色相同,可能是因为种子太接近,所以只能直接生成
            int a = new Random().nextInt(6);
            g.rotate(a * Math.PI / 180);
            g.translate(0, -a);
            if (i == index) {
                g.drawString(String.valueOf("  "), 13 * i + 6, 24);
                continue;
            }
            g.drawString(String.valueOf(randCodes[i]), 13 * i + 6, 24);
        }
        //画线
        g.rotate(new Random().nextInt(180) * Math.PI / 180);
        g.drawLine(0, 0, width, height);
        // 图象生效
        g.dispose();
        return image;
    }

    /**
     * 给定范围获得随机颜色
     */
    private static Color getRandColor(int fc, int bc) {
        Random random = new Random();
        if (fc > 255) {
            fc = 255;
        }
        if (bc > 255) {
            bc = 255;
        }
        int r = fc + random.nextInt(bc - fc);
        int g = fc + random.nextInt(bc - fc);
        int b = fc + random.nextInt(bc - fc);
        return new Color(r, g, b);
    }

}

上述代码是关于Gif图片的水印工具类,可以传递水印文字或水印图片,可以设置水印显示位置,可以设置水印的透明度,但依赖gif4j依赖的jar文件,可转至本站开源代码中查看。

gif图片水印预览


 点赞


 发表评论

当前回复:作者

 评论列表


留言区