java 后台 html 转化为图片

最新推荐文章于 2021-08-12 01:07:14 发布

bug_yun

最新推荐文章于 2021-08-12 01:07:14 发布

阅读量8.6k

点赞数 2

分类专栏： Java 文章标签： java xhtml 后端

本文链接：https://blog.csdn.net/bug_yun/article/details/84768162

版权

Java 专栏收录该内容

68 篇文章

订阅专栏

本文详细介绍了在Java后端将HTML转化为图片的过程中遇到的问题，包括HTML转换为标准HTML时标签跨行导致的失败，以及在Linux环境下由于缺乏中文字库引起的中文不显示和乱码问题。解决方案包括使用jtidy进行HTML标准化，安装中文字体库，并确保编码统一。最终总结了选择服务器端生成图片的原因，以保证性能和兼容性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. html 转换为标准 html ，用到的技术 jtidy;

		public static void htmlCovertTohtml(String sourceFilename,
			String targetFilename) {
		Tidy tidy = new Tidy();
		tidy.setInputEncoding("UTF-8");
		tidy.setOutputEncoding("UTF-8");
//		每行的最多字符，如果为0，不自动换行
		tidy.setWraplen(0);
//		是否保持属性中的空白字符
		tidy.setLiteralAttribs(true);
		// 需要转换的文件，当然你也可以转换URL的内容
		FileInputStream in;
		FileOutputStream out;
		try {
			in = new FileInputStream(sourceFilename);
			out = new FileOutputStream(targetFilename);
			// 输出的文件
			tidy.parse(in, out);
			// 转换完成关闭输入输出流
			out.close();
			in.close();
		} catch (FileNotFoundException e) {
			e.printStackTrace();
		} catch (IOException e) {
			e.printStackTrace();
		}
	}

POM.xml

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
	<modelVersion>4.0.0</modelVersion>
	<groupId>jacksonPrograme</groupId>
	<artifactId>jacksonPrograme</artifactId>
	<version>0.0.1-SNAPSHOT</version>

	<dependencies>
		<dependency>
			<groupId>net.sf.jtidy</groupId>
			<artifactId>jtidy</artifactId>
			<version>r938</version>
		</dependency>

	</dependencies>
	<packaging>jar</packaging>
</project>

2. 标准 html 转换为图片，用的的技术 xhtmlrenderer（见附件）;

package com.bugyun.toimage;

import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;

import org.xhtmlrenderer.swing.Java2DRenderer;
import org.xhtmlrenderer.util.FSImageWriter;

public class XHTMLToImage {

  private String inputFilename = "source.xhtml";
  private String outputFilename = "output.png";

  private int widthImage = 740;
  private int heightImage = 795;
  
  
  
  public void convertToImage() throws IOException {
	    System.out.println("Calling convertToImage inputFilename=" + inputFilename + " outputFilename=" + outputFilename);
	    final File f = new File(inputFilename);
	    final Java2DRenderer renderer = new Java2DRenderer(f, widthImage, heightImage);
	    final BufferedImage img = renderer.getImage();
	    final FSImageWriter imageWriter = new FSImageWriter();
	    imageWriter.setWriteCompressionQuality(0.9f);
	    imageWriter.write(img, outputFilename);
	    System.out.println("Done with rendering");
	    
	  }

  public static void main(final String[] args) throws Exception {
    final XHTMLToImage renderer = new XHTMLToImage();
    if (args.length != 2) {
      renderer.inputFilename = "source.xhtml";
      renderer.outputFilename = "out.png";
      System.out.println("Usage : XHTMLToImage INPUTFILE.xhtml OUTPUTFILE.png <width> <height>");
    } else {
      renderer.inputFilename = args[0];
      renderer.outputFilename = args[1];
    }
    
    if (args.length == 4) {
      renderer.widthImage = 740 ;
      renderer.heightImage = 790;
    }
    renderer.convertToImage();
  }

}

HTML标准头：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head lang="en">
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
</head>
<body>

POM.xml

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">    
    <repositories>        
         <repository>
            <id>my-local-repo</id>
			<name>My Repository</name>
            <url>file://${basedir}/lib/repo</url>
			<releases>
             <enabled>true</enabled>
             <updatePolicy>always</updatePolicy>
             <checksumPolicy>warn</checksumPolicy>
          </releases>
        </repository>
    </repositories>   
    <modelVersion>4.0.0</modelVersion>
    <groupId>com.bugyun</groupId>
    <artifactId>htmlToImage</artifactId>
    <version>1.0.0</version>
    <packaging>jar</packaging>
    <name>htmlToImage</name>
    <dependencies>
	    <dependency>
            <groupId>org.xhtml</groupId>
            <artifactId>core-renderer</artifactId>
            <version>1.0.0</version>
        </dependency>
    </dependencies>
</project>

遇到的坑：

1. html 转标准 html ,标签跨行，导致生成 html 图片失败；

2. html 只有有标准头的时候，转标准 html 时，才能转换；

3. 标准 html 转图片，编码统一，本地测试无误，测试服测试中文不显示。引起原因是 linux 缺乏中文字库；引起原因是 linux 缺乏中文字库，查看Linux下已装中文字体：fc-list :lang=zh；