java 后台 生成的表格通过HtmlImageGenerator(Html2Image) 生成图片，以及解决汉字乱码的问题

最新推荐文章于 2024-05-16 20:12:09 发布
最新推荐文章于 2024-05-16 20:12:09 发布
阅读量1w 收藏 10
点赞数 4
分类专栏： 开发中遇到的问题 文章标签： HtmlImageGenerator(Html2Image)

本人因为业务需求，需要在后台生成数据表格，然后推送到公众号里面，所以整理了下面这篇文章，可以生产图片

转：https://blog.csdn.net/jishoujiang/article/details/78566759  参考的是这个博客；

在他的基础上改的：但是上面没有说明缺点，下面我将详细的进行介绍：

上面的那篇博客已经很完善了，但是没有给出生产表格的入参，本人就加上了；

package tk.mybatis.web.controller;

import java.util.ArrayList;
import java.util.List;
import gui.ava.html.image.generator.HtmlImageGenerator;

public class TestTable2 {

	private static String getSingleImageHtml(String title, List<String> headTitle, List<List<String>> contentArray) {
		// String html = "<!DOCTYPE html><html><body style=\"width:570px;\">";
		String html = "<table border=\"1\" style=\"border-collapse:collapse;width:570px;border:1px solid black;background: white;\" cellpadding=\"0\" cellspacing=\"0\">";

		html += "<thead>";
		html += "<tr ><th colspan=\"4\" style=\"text-align: center;width: 570px;height:40px;font-size: 22px;\">" + title
				+ "</th></tr>";
		html += "<tr>";
		for (int i = 0; i < 4; i++) {
			String thEle = "";
			thEle = "<th style=\"height:30px;width:" + (i == 2 ? "52%" : "16%")
					+ ";text-align: center;margin:0;color: #ffffff;background:#0070c0;border:1px solid black;font-size: 20px;\">"
					+ headTitle.get(i) + "</th>";
			html += thEle;
		}
		html += "</tr>";
		html += "</thead>";

		html += "<tbody>";
		for (List<String> contents : contentArray) {
			html += "<tr>";
			for (int j = 0; j < 4; j++) {
				String tdEle = "";
				tdEle = "<td style=\"height:30px;width:" + (j == 2 ? "52%" : "16%")
						+ ";text-align: center;margin:0;border:1px solid black;font-size: 18px;\">" + contents.get(j)
						+ "</td>";
				html += tdEle;
			}
			html += "</tr>";
		}

		html += "</tbody>";
		html += "</table>";
		// html+="</body></html>";
		return html;
	}

	public static String graphicsHtmlGeneration(List<List<List<String>>> allValue, List<String> titles,
			List<List<String>> headers) throws Exception {
		int i = 0;
		String html = "";
		for (List<List<String>> list : allValue) {
			String title = titles.get(i);
			List<String> headTitle = headers.get(i);
			html += getSingleImageHtml(title, headTitle, list);
			i++;
		}
		if (html != null && html.length() > 0) {
			HtmlImageGenerator imageGenerator = new HtmlImageGenerator();
			imageGenerator.loadHtml(html);
			try {
				// Thread.sleep(5000);
				imageGenerator.getBufferedImage();
				// Thread.sleep(8000);
				String path = "d:\\1.png";
				imageGenerator.saveAsImage(path);
				return path;
			} catch (Exception e) {
			}
		}
		return null;

	}

	public static void main(String[] args) {
		List<String> allValue1 = new ArrayList<String>();
		allValue1.add("汉字");
		allValue1.add("这个行不11111");
		allValue1.add("最后");
		allValue1.add("6");
		List<List<String>> allValue2 = new ArrayList<>();
		allValue2.add(allValue1);
		allValue2.add(allValue1);
		allValue2.add(allValue1);
		List<List<List<String>>> allValue = new ArrayList<>();
		allValue.add(allValue2);
		List<String> titles = new ArrayList<>();
		titles.add("标题可以识汉字不");
		List<List<String>> headers = new ArrayList<>();
		List<String> header = new ArrayList<>();
		header.add("测试一");
		header.add("北京武汉");
		header.add("哈尔滨");
		header.add("7月营业额");
		headers.add(header);
		try {
			TestTable2.graphicsHtmlGeneration(allValue, titles, headers);
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
}

注意：第一：html不能够添加head，只能是现在这种样子；

          第二：在linux上运行可能会出现中文汉字乱码（中文汉字空格）。这个时候有两种解决办法。第一：https://blog.csdn.net/hu_wen/article/details/78543645；第二：https://blog.csdn.net/eric_hwp/article/details/69524407（这个方法中的第三种）；我这边一开始使用的是第一种办法，是在自己电脑的虚拟机上centos，解决了问题；但是到了公司的redhat服务器上就不好使了。我找了很多办法，都没有生效，后来又看了下这个jar包的源码，看用到了awt这个包，后来就去从awt乱码这个方向查了下，就招到了第二种方法，就解决了；如果你项目也用到了awt，也是乱码，原因就是应用没有找到系统的字符集；

记住操作完成需要重启下web服务器（tomcat）；

非常感谢上面的两篇博客，在这里解决了我的问题；如有版权问题，请联系我；

顺便把需要的jar包给大家吧：

<dependency>
                <groupId>com.github.xuwei-k</groupId>              
                  <artifactId>html2image</artifactId>
                  <version>0.1.0</version>
</dependency>

有什么问题可以给我留言，如果觉得文章不错，希望得到点赞！

lyj1119
关注
  • 4
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
java 使用Html2Image将html转图片
m0_66789766的博客
04-24 1959
html2image 0.9 cn.hutool hutool-all 5.0.6 转换代码 HtmlImageGenerator imageGenerator = new HtmlImageGenerator(); String htmlstr = “<table style=“width: 700px;font-size:16px;font-family: ‘Microsoft YaHei’;” cellpadding=“0” cellspacing=“0”>\n” + " \n
java html 图片_java Html2Image 实现html转图片功能
weixin_35890416的博客
02-12 375
//java Html2Image 实现html转图片功能//html2imageHtmlImageGenerator imageGenerator = new HtmlImageGenerator();String htmlstr = "";imageGenerator.loadHtml(htmlstr);imageGenerator.getBufferedImage();imageGener...
Java Html2Image 实现html转图片功能
秋̶᭄ꦿ攻城狮࿆ྂ
01-23 3386
java Html2Image 实现html转图片功能 java Html2Image 实现html转图片功能html2image api介绍HtmlImageGenerator Methods java Html2Image 实现html转图片功能 //java Html2Image 实现html转图片功能 // html2image HtmlImageGenerator imageGenerator = new HtmlImageGenerator(); String htmlstr
【centos7系统】html2image 转图片中文乱码
最新发布
chechenshi的博客
05-16 159
我只执行了上面几步就可以了，如果还不行，可看这文章。
HtmlImageGenerator.rar
09-25
java把html转成图片的方法HtmlImageGenerator 使用cctv.com和cportal的图片可正常显示，使用百度图库、一些素材库网如17sucai的图片不可正常显示。 结果评估 大部分常用的Html元素如h1、p、div、img、table、li、lu等可带样式转换成功，目前常用的input标签转换不成功，在生成的图片中不显示。图片大小显示正常。 转换耗时在0.3-1秒之间，可接受，不影响用户体验。
html2image踩坑笔记，解决导出jpg红色底图、中文乱码、letter-space字距样式不能生效的问题
ffychina的专栏
06-14 3466
解决的方式是改写xhtmlrenderer源码：org.xhtmlrenderer.render.AbstractOutputDevice.java 修改方法：
java 后台 生成的表格通过HtmlImageGenerator(Html2Image) 生成图片
04-03
html2image-0.9.zip 包含 html2image-0.9.jar，html2image-0.9-javadoc.jar，html2image-0.9-sources.jar
利用html2canvas和canvas2image可将页面生成一张图片
02-15
利用html2canvas和canvas2image两个插件，可将页面生成一张base64的图片，可调清晰度，可调图片的格式
python生成带有表格的图片实例
09-19
`prettytable` 用于生成表格字符串，而 `Pillow` 库则用于将这个字符串写入图片。 首先，通过导入 `PrettyTable`，我们可以创建一个表格对象并设置表头和内容。例如： ```python from prettytable import ...
java html生成图片
08-27
用于实现html转图片,包含html2image-0.9.jar , html2image-0.9-javadoc.jar ,html2image-0.9-sources.jar
html2image-0.9.jar 下载
02-11
用于实现html转图片 HtmlImageGenerator imageGenerator = new HtmlImageGenerator(); // imageGenerator // .loadHtml("<b>Hello World!</b> Please goto <a title=\"Goto Google\" // href=\"http://www.google.com\">Google</a>."); // imageGenerator.loadUrl("http://mtkplmap2:7001/esdm_web"); imageGenerator.loadUrl("http://www.hefeipet.com/client/chongwuzhishi/shenghuozatan/2012/0220/95.html"); imageGenerator.saveAsImage("hello-world.png"); imageGener
html2image 0.9及2.0.1
12-05
内含html2image 0.9及2.0.1 jar包，现有的都太贵了，打击暴利！大家放心大胆的下。大家放心大胆的下。大家放心大胆的下。
java生成随机图片验证码
08-25
Java生成随机图片验证码 Java生成随机图片验证码是指使用Java语言生成随机图片验证码的技术。该技术广泛应用于Web开发中，用于验证用户身份，防止机器人攻击和泄露用户信息。下面将详细介绍Java生成随机图片验证码...
Html2Image的实现且问题（java）
syr1136877833的博客
09-17 7547
Html2Image 使用java原因将html样式转成图片 使用html2Image，网上有很多关于这方面的代码，包括github上，但是呢我自己尝试了很多次，画出来的东西识别不了一些CSS，即不能识别全部的CSS样式导致画出来的图片不是预期的样式。 1.尝试1 gui.ava.html2image <dependencies> <!-- https://m...
Java中将Html转图片
热门推荐
qq_25775675的博客
06-10 2万+
html转图片
html2image将html转为图片丢失格式问题
離殇
11-10 1716
在使用html2image将html转为图片的时候会出现css样式丢失的问题。如果上述几条都试过了，还不行就设置程序等待一段时间。1.将所有的css代码以内联样式写到每个标签上。2.不要使用太新的css语法。3.不要使用js进行页面渲染。
java 使用Html2Image将html转图片
hlvy
12-03 7692
需要的jar 第二个jar是工具类是用于日期转换的 第一个才是Html2Image所需要的包 <dependency> <groupId>gui.ava</groupId> <artifactId>html2image</artifactId> ...
Java 使用html2image将html生成缩略图图片
gdgztt的专栏
12-03 389
Java 使用html2image将html生成缩略图图片
Java通过对象数据生成表格图片并发送钉钉群机器人通知 代码
04-30
这个需求可以分为以下几个步骤： 1. 使用 Java 代码生成表格图片 2. 调用钉钉群机器人 API 发送通知，附带表格图片 下面是一个简单的示例代码，可以参考实现： ```java import javax.imageio.ImageIO; import java.awt.Color; import java.awt.Font; import java.awt.Graphics2D; import java.awt.image.BufferedImage; import java.io.ByteArrayOutputStream; import java.io.IOException; import java.net.HttpURLConnection; import java.net.URL; import java.net.URLEncoder; import java.util.Base64; public class DingtalkBotNotifier { private static final String WEBHOOK_URL = "https://oapi.dingtalk.com/robot/send?access_token=ACCESS_TOKEN"; public static void main(String[] args) throws IOException { // 生成表格图片 BufferedImage image = createTableImage(); // 将图片转成 Base64 编码 ByteArrayOutputStream baos = new ByteArrayOutputStream(); ImageIO.write(image, "png", baos); String base64Image = Base64.getEncoder().encodeToString(baos.toByteArray()); // 发送钉钉群机器人通知 sendDingtalkNotification(base64Image); } private static BufferedImage createTableImage() { int columnCount = 3; int rowCount = 5; int cellWidth = 100; int cellHeight = 50; int padding = 10; int borderWidth = 2; int width = columnCount * cellWidth + (columnCount + 1) * padding + 2 * borderWidth; int height = rowCount * cellHeight + (rowCount + 1) * padding + 2 * borderWidth; BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_ARGB); Graphics2D g = image.createGraphics(); g.setColor(Color.WHITE); g.fillRect(0, 0, width, height); g.setColor(Color.BLACK); g.setStroke(new BasicStroke(borderWidth)); for (int i = 0; i <= rowCount; i++) { int y = borderWidth + (i + 1) * padding + i * cellHeight; g.drawLine(borderWidth + padding, y, width - borderWidth - padding, y); } for (int j = 0; j <= columnCount; j++) { int x = borderWidth + (j + 1) * padding + j * cellWidth; g.drawLine(x, borderWidth + padding, x, height - borderWidth - padding); } g.setFont(new Font("Arial", Font.PLAIN, 12)); for (int i = 0; i < rowCount; i++) { for (int j = 0; j < columnCount; j++) { int x = borderWidth + (j + 1) * padding + j * cellWidth; int y = borderWidth + (i + 1) * padding + i * cellHeight; String text = "Cell " + (i + 1) + "," + (j + 1); int textWidth = g.getFontMetrics().stringWidth(text); int textHeight = g.getFontMetrics().getHeight(); g.drawString(text, x + (cellWidth - textWidth) / 2, y + (cellHeight + textHeight) / 2); } } g.dispose(); return image; } private static void sendDingtalkNotification(String base64Image) throws IOException { String message = "这是一个表格图片：\n![table](data:image/png;base64," + base64Image + ")"; String encodedMessage = URLEncoder.encode(message, "UTF-8"); String webhookUrl = WEBHOOK_URL.replace("ACCESS_TOKEN", "YOUR_ACCESS_TOKEN"); URL url = new URL(webhookUrl); HttpURLConnection conn = (HttpURLConnection) url.openConnection(); conn.setRequestMethod("POST"); conn.setRequestProperty("Content-Type", "application/json;charset=UTF-8"); conn.setDoOutput(true); conn.setDoInput(true); conn.setUseCaches(false); conn.setConnectTimeout(5000); conn.setReadTimeout(5000); String json = "{\"msgtype\":\"text\",\"text\":{\"content\":\"" + encodedMessage + "\"}}"; byte[] bytes = json.getBytes("UTF-8"); conn.getOutputStream().write(bytes); conn.getOutputStream().flush(); conn.getOutputStream().close(); conn.getInputStream().close(); conn.disconnect(); } } ``` 这个示例代码生成一个 3 列 5 行的表格图片，并发送到钉钉群机器人通知中。你需要将其中的 `YOUR_ACCESS_TOKEN` 替换成你自己的钉钉群机器人的 access token。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值