flyingsaucer进行html文件转图片和pdf

Nick说说前后端

已于 2022-10-10 18:02:31 修改

阅读量8.1k

点赞数 4

分类专栏：实用小工具专题文章标签： flyingsaucer html转图片和pdf

于 2021-05-08 18:09:36 首次发布

本文链接：https://blog.csdn.net/lingbomanbu_lyl/article/details/116534289

版权

实用小工具专题专栏收录该内容

11 篇文章

订阅专栏

本文介绍了如何使用Flyingsaucer库将HTML转换为图片和PDF，包括添加依赖、代码示例及处理中文乱码的方法。在Linux上，需要安装字体以避免乱码问题。

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

一、前言

之前听到公司同事在讨论用jdk原生api生成图片，但是awt原生api操作比较麻烦，样式也不好控制，因此想到了根据html文件转，搜罗了一番，发现了flyingsaucer。介绍如下：

在这里插入图片描述

二、html转图片

1、添加依赖

		<dependency>
            <groupId>org.xhtmlrenderer</groupId>
            <artifactId>flying-saucer-core</artifactId>
            <version>9.1.22</version>
        </dependency>

2、代码示例

(1)测试html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
    <style>
        body {
            font-family: SimSun;
            background: aliceblue;
            margin: 0px;
            padding: 0px;
        }
        div{
            margin: 20px 0px;
        }
    </style>
</head>
<body>
    <div>
        <a href="https://test-img.yudhabhakti.co.id/bnc-public-bucket/bnc/file/xC3ABZ5mJv28iP_1KaB8Abb6BDOArvPeX-ijVpbjlms.pdf" download="fileName">
            点击下载
        </a>
    </div>
    <div style="color:burlywood">
        首页内容
    </div>
    <div>
        <table border="1px" cellspacing="0px">
            <tr>
                <th>姓名</th>
                <th>电话</th>
            </tr>
            <tr>
                <td>刘亚楼</td>
                <td>13347293021</td>
            </tr>
        </table>
    </div>

<script>
</script>
</body>
</html>

注意：这里我们设置了字体为宋体。

(2)代码示例

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

import javax.imageio.ImageIO;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;


public class ImageRender {

	public static void main(String[] args) throws IOException {
		String basePath = System.getProperty("user.home") + File.separator + "flyingsaucer";
		File source = new File(basePath, "test.html");
		File orginalDest = new File(basePath, "original.png");
		File g2drDest = new File(basePath, "G2DR.png");

		// 有些css样式不支持，如背景颜色
		Java2DRenderer renderer = new Java2DRenderer(source, 1024);
		renderer.setBufferedImageType(BufferedImage.TYPE_INT_RGB);
		BufferedImage java2dImage = renderer.getImage();
		new FSImageWriter().write(java2dImage, orginalDest.toString());
		
		// 支持css样式，如背景颜色
		BufferedImage g2drImage = Graphics2DRenderer.renderToImageAutoSize(source.toURI().toURL().toExternalForm(), 1024, BufferedImage.TYPE_INT_ARGB);
		ImageIO.write(g2drImage, "png", g2drDest);
	}
}

3、演示结果

使用Java2DRenderer渲染的original.png，可以看到渲染的图片是没有背景颜色的。如下：
使用Graphics2DRenderer渲染的G2DR.png，是有背景颜色的，如下：

三、html转pdf

1、添加依赖

		<dependency>
            <groupId>org.xhtmlrenderer</groupId>
            <artifactId>flying-saucer-pdf-itext5</artifactId>
            <version>9.1.22</version>
        </dependency>

备注：官方有标注说iText 2.x版本有尚未解决的安全bug，所以我们这里引入flying-saucer-pdf-itext5。

2、代码示例

import com.itextpdf.text.pdf.BaseFont;
import org.xhtmlrenderer.pdf.ITextFontResolver;
import org.xhtmlrenderer.pdf.ITextRenderer;

import java.io.File;
import java.io.FileOutputStream;
import java.io.OutputStream;
import java.nio.file.Paths;


public class PDFRender {

	public static void main(String[] args) throws Exception {
		String basePath = System.getProperty("user.home") + File.separator + "flyingsaucer";
		String source = Paths.get(basePath, "test.html").toString();
		File dest = Paths.get(basePath, "saucer.pdf").toFile();

		try (OutputStream os = new FileOutputStream(dest)) {
			ITextRenderer renderer = new ITextRenderer();
			ITextFontResolver fontResolver = renderer.getFontResolver();
			// 必须添加能支持中文的字体，否则html内容有中文会不显示，同时body标签要设置font-family: SimSun
			String fontPath = PDFRender.class.getResource("/font/simsun.ttc").getPath();
			fontResolver.addFont(fontPath, BaseFont.IDENTITY_H, BaseFont.NOT_EMBEDDED);

			renderer.setDocument(new File(source));
			renderer.layout();
			renderer.createPDF(os);
		}
	}
}