(水印)html转图片

简介: (水印)html转图片
<dependency>
    <groupId>gui.ava</groupId>
    <artifactId>html2image</artifactId>
    <version>2.0.1</version>
</dependency>
<dependency>
    <groupId>xml-apis</groupId>
    <artifactId>xml-apis</artifactId>
    <version>1.4.01</version>
</dependency

html

String htmlTemplate = "<div>" +
        "<span>IP地址:127.0.0.1</span><span style=\"margin-left: 60px\">国家:AAA</span><br>\n" +
        "<span>省份:AAAA</span><span style=\"margin-left: 88px\">位置:XXXXXXX</span></div>";
HtmlParser htmlParser = new HtmlParserImpl();
htmlParser.loadHtml(htmlTemplate);
ImageRenderer imageRenderer = new ImageRendererImpl(htmlParser);
imageRenderer.saveImage("D:\\hello-world.png");

图片添加水印

/**
 * 复制图片文件,并添加水印
 * @param srcImgPath  原图片路径
 * @param outImgPath  生成的新图片路径
 * @param waterMarkContent  水印内容
 * @param markContentColor  水印颜色
 * @param font  水印字体
 */
public static void waterPress(String srcImgPath, String outImgPath, String waterMarkContent, Color markContentColor, Font font) {
    try {
        // 读取原图片信息
        File srcImgFile = new File(srcImgPath);
        Image srcImg = null;
        if (srcImgFile.exists() && srcImgFile.isFile() && srcImgFile.canRead()) {
            srcImg = ImageIO.read(srcImgFile);
        }
        // 宽、高
        int srcImgWidth = srcImg.getWidth(null);
        int srcImgHeight = srcImg.getHeight(null);
        // 加水印
        BufferedImage bufImg = new BufferedImage(srcImgWidth, srcImgHeight, BufferedImage.TYPE_INT_RGB);
        Graphics2D g = bufImg.createGraphics();
        g.drawImage(srcImg, 0, 0, srcImgWidth, srcImgHeight, null);
        //设置水印颜色
        g.setColor(markContentColor);
        g.setFont(font);
        // 抗锯齿
        g.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
        int fontLength = getWatermarkLength(waterMarkContent, g);
        // 实际生成的水印文字,实际文字行数
        Double textLineCount = Math.ceil(Integer.valueOf(fontLength).doubleValue() / Integer.valueOf(srcImgWidth).doubleValue());
        int fontSize = font.getSize();
        // 实际所有的水印文字的高度
        int textHeight = textLineCount.intValue() * fontSize;
        // 相对与X的起始的位置
        int originX = 0;
        // 相对与Y的起始的位置
        int originY = 0;
        // 实际文字大于1行,则x则为默认起始0,
        if (1 == textLineCount.intValue()) {
            // 实际文字行数是1,1/2个图片高度,减去1/2个字符高度
            originY = srcImgHeight / 2 - fontSize / 2;
            // 实际文字行数是1,计算x的居中的起始位置
            originX = (srcImgWidth - fontLength) / 2;
        } else {
            // 实际文字行数大于1,1/2个图片高度减去文字行数所需的高度
            originY = (srcImgHeight - textHeight) / 10;
        }
        System.out.println("水印文字总长度:" + fontLength + ",图片宽度:" + srcImgWidth + ",字符个数:" + waterMarkContent.length());
        //文字叠加,自动换行叠加
        int tempX = originX;
        int tempY = originY;
        int tempCharLen = 0;//单字符长度
        int tempLineLen = 0;//单行字符总长度临时计算
        StringBuffer stringBuffer = new StringBuffer();
        for (int i = 0; i < waterMarkContent.length(); i++) {
            char tempChar = waterMarkContent.charAt(i);
            tempCharLen = getCharLen(tempChar, g);
            if (tempLineLen >= srcImgWidth) {
                // 绘制前一行
                g.drawString(stringBuffer.toString(), tempX, tempY);
                //清空内容,重新追加
                stringBuffer.delete(0, stringBuffer.length());
                //文字长度已经满一行,Y的位置加1字符高度
                tempY = tempY + fontSize;
                tempLineLen = 0;
            }
            //追加字符
            stringBuffer.append(tempChar);
            tempLineLen += tempCharLen;
        }
        //最后叠加余下的文字
        g.drawString(stringBuffer.toString(), tempX, tempY);
        g.dispose();
        // 输出图片
        FileOutputStream outImgStream = new FileOutputStream(outImgPath);
        ImageIO.write(bufImg, "png", outImgStream);
        outImgStream.flush();
        outImgStream.close();
    } catch (Exception e) {
        e.printStackTrace();
    }
}
public static int getCharLen(char c, Graphics2D g) {
    return g.getFontMetrics(g.getFont()).charWidth(c);
}
/**
 * 获取水印文字总长度
 *
 * @paramwaterMarkContent水印的文字
 * @paramg
 * @return水印文字总长度
 */
public static int getWatermarkLength(String waterMarkContent, Graphics2D g) {
    return g.getFontMetrics(g.getFont()).charsWidth(waterMarkContent.toCharArray(), 0, waterMarkContent.length());
}
//测试复制图片并添加水印
public static void testWaterPressFile(){
    // 原图位置, 输出图片位置, 水印字体,水印文字样式,水印文字颜色, 水印文字大小,水印文字内容
    Font font = new Font("微软雅黑",Font.BOLD+ Font.ITALIC, 18);   //水印字体
    Color color = Color.cyan;
    String content = "图片来源:Gaoxs";
    waterPress("D:\\hello-world.png",
            "D:\\hello-world22.png",
            content, color, font);
}
public static void main(String[] args) {
   testWaterPressFile();
}
目录
相关文章
|
3月前
|
移动开发 前端开发 JavaScript
基于 HTML5 和 Canvas 开发的在线图片编辑器
基于 HTML5 和 Canvas 开发的在线图片编辑器
69 0
|
9天前
|
前端开发
Twaver-HTML5基础学习(37)network导出图片并下载
本文介绍了如何在Twaver-HTML5中将network导出为图片并提供下载,主要通过将network转换为canvas对象,然后转换为base64编码的图片进行展示和下载。
26 5
|
26天前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
33 13
|
2月前
在线将多张图片拼接起来图工具HTML源码
在线将多张图片拼接成一张图片,多图合一并导出下载。无需本地安装软件。 下载时,使用日期时间作为文件名,规避图片文件名相同造成的覆盖问题;也能省去一部覆盖确认操作 多语言支持
29 0
在线将多张图片拼接起来图工具HTML源码
|
2月前
|
Python
Python 下载 html 中的 图片
Python 下载 html 中的 图片
25 2
|
3月前
|
数据采集 缓存 自然语言处理
PHP将HTML标签转化为图片
通过这个方法,PHP后端能够实现将HTML内容转化为图片的功能。这种方式虽然牵涉到一些额外的安装和配置,但能够相对灵活且稳定地解冀转换需求,适用于需要在后端动态生成图片的场景。
75 1
|
3月前
|
JavaScript 前端开发 CDN
vue 生成分享海报、下载图片(含生成二维码qrcodejs2的使用,网页截屏html2canvas的使用)
vue 生成分享海报、下载图片(含生成二维码qrcodejs2的使用,网页截屏html2canvas的使用)
30 0
vue 生成分享海报、下载图片(含生成二维码qrcodejs2的使用,网页截屏html2canvas的使用)
|
4月前
|
移动开发 前端开发 JavaScript
将HTML5 Canvas的内容保存为图片
将HTML5 Canvas的内容保存为图片
32 5
|
4月前
|
前端开发 UED SEO
HTML基础-链接与图片插入:网页的连接与视觉元素
【6月更文挑战第2天】本文介绍了HTML中`<a>`和`<img>`标签的使用,包括链接的基本结构、目标类型以及图片的插入、尺寸调整和对齐方式。常见问题涉及链接和图片路径、缺失`alt`属性及尺寸不匹配,解决方案包括正确引用资源、使用绝对URL和重视`alt`属性。通过示例代码,展示了创建链接和图片的方法,强调了提升网页用户体验的重要性。
54 3
|
4月前
|
存储 移动开发 前端开发
Web网页制作-知识点(1)——HTML5介绍、HTML5的DOCTYPE声明、HTML基本骨架、标题标签、段落 换行、水平线图片图片路径、超链接
Web网页制作-知识点(1)——HTML5介绍、HTML5的DOCTYPE声明、HTML基本骨架、标题标签、段落 换行、水平线图片图片路径、超链接
53 0
下一篇
无影云桌面