一、實現流程：通過freemarker模板引擎將數據動態添加到模板中，然后將已添加動態數據的模板代碼通過xhtmlrenderer轉換成圖片。
二、依賴jar:
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>
<dependency>
<groupId>org.xhtmlrenderer</groupId>
<artifactId>core-renderer</artifactId>
<version>R8</version>
</dependency>
注意xhtmlrenderer中央倉庫為：
<repository>
<id>mvnrepository</id>
<name>mvnrepository</name>
<url>https://mvnrepository.com</url>
</repository>
三、模板引擎配置：
spring:
freemarker:
cache: false
# 字符集
charset: UTF-8
# 檢查模板位置
check-template-location: true
# 模板內容類型
content-type: text/html
expose-request-attributes: true
expose-session-attributes: true
request-context-attribute: request
# 模板位置
template-loader-path: classpath:/templates
模板地址對應的地址為：
模板代碼 index.ftl
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>海報</title>
</head>
<body style="width: 500px; height: 800px;margin: 0;padding: 0;">
<img src="${img}" alt="" />
<span>${msg}</span>
</body>
</html>
注意：這里全部采用行內樣式，卻不能有js否則圖片會展示出代碼
四、生成圖片代碼
public class FreemarkerUtils {
private static String getTemplate(String template, Map<String,Object> map) throws IOException,TemplateException {
Configuration cfg = new Configuration(Configuration.VERSION_2_3_25);
String templatePath = FreemarkerUtils.class.getResource("/").getPath()+"/templates";
cfg.setDirectoryForTemplateLoading(new File(templatePath));
cfg.setDefaultEncoding("UTF-8");
cfg.setTemplateExceptionHandler(TemplateExceptionHandler.RETHROW_HANDLER);
cfg.setLogTemplateExceptions(false);
Template temp = cfg.getTemplate(template);
StringWriter stringWriter = new StringWriter();
temp.process(map, stringWriter);
stringWriter.flush();
stringWriter.close();
String resutl = stringWriter.getBuffer().toString();
return resutl;
}
public static void turnImage(String template, Map<String,Object> map, HttpServletResponse response) throws Exception {
String html = getTemplate(template, map);
byte[] bytes=html.getBytes();
ByteArrayInputStream bin=new ByteArrayInputStream(bytes);
DocumentBuilderFactory factory=DocumentBuilderFactory.newInstance();
DocumentBuilder builder=factory.newDocumentBuilder();
Document document=builder.parse(bin);
Java2DRenderer renderer = new Java2DRenderer(document,600,800);
BufferedImage img = renderer.getImage();
response.setContentType("image/jpeg");
response.setDateHeader("expries", -1);
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Pragma", "no-cache");
ImageIO.write(img, "jpg", response.getOutputStream());
}
}
五、測試類
@RequestMapping(value = "/test", method = {RequestMethod.GET})
public void test(HttpServletResponse response) {
try {
Map<String,Object> map=new HashMap<>();
map.put("msg","html--生成圖片測試");
map.put("img","https://upload-images.jianshu.io/upload_images/912344-3054132dd6939004.png?imageMogr2/auto-orient/strip|imageView2/1/w/300/h/240");
FreemarkerUtils.turnImage("index.ftl",map,response);
} catch (Exception e) {
log.error("異常", e.getMessage());
}
}
六、效果
補充使用感受:
-
圖片不能引用本地圖片,
/images/a.png這種形式無法加載,必須是http://xxx/images/a.png形式才行 -
打成jar包,放在linux服務器上,獲取不到jar包里面的模板. 線上部署的話,最好通過配置指定模板路徑
-
如果需要導出到文件,可以使用下面代碼
方式1:
ImageIO.write(img, "jpg", file);
方式2:
FSImageWriter imageWriter = new FSImageWriter();
imageWriter.setWriteCompressionQuality(1.0f);//設置壓縮率
imageWriter.write(img, file);