使用IText 将html 转 PDF问题

背景

最近遇到个需求，需要基于现有版式图片生成PDF文件。

一开始用Adobe Acrobat的准备表单套底图做了个模板出来。但是这个方式有两个问题：

1. 模板制作太复杂，尤其是画表格的时候，画的时候很让人崩溃。
2. 对齐问题，设置了文本域，然后代码填充后，大部分情况就会很靠上，需要自己再一个个的下调，调完了还要再生成再试，太麻烦。

最近进度不忙的时候想说能否尝试一下，把这块生成逻辑重构一下。搜索的过程中发现了可以写html页面，通过html转成pdf的方式实现。这样不就好了，前端能力咱也有，所以马上就开始尝试。最终做了个开头发现实现效果不错，遇到两个小问题，先记录下。P.S. 后续如果再有问题还会持续更新。

开发概述

代码网上抄的，因为涉及项目情况，目前不能把代码都放出来。后续我开发完成后，简化一下，把遇到的问题融进去了之后再放代码。

使用的pom依赖：

<dependencies>
        <dependency>
            <groupId>com.itextpdf</groupId>
            <artifactId>kernel</artifactId>
            <version>8.0.2</version>
        </dependency>
        <dependency>
            <groupId>com.itextpdf</groupId>
            <artifactId>io</artifactId>
            <version>8.0.2</version>
        </dependency>
        <dependency>
            <groupId>com.itextpdf</groupId>
            <artifactId>layout</artifactId>
            <version>8.0.2</version>
        </dependency>
        <dependency>
            <groupId>com.itextpdf</groupId>
            <artifactId>forms</artifactId>
            <version>8.0.2</version>
        </dependency>
        <dependency>
            <groupId>com.itextpdf</groupId>
            <artifactId>pdfa</artifactId>
            <version>8.0.2</version>
        </dependency>
        <dependency>
            <groupId>com.itextpdf</groupId>
            <artifactId>font-asian</artifactId>
            <version>8.0.2</version>
        </dependency>
        <dependency>
            <groupId>com.itextpdf</groupId>
            <artifactId>html2pdf</artifactId>
            <version>5.0.2</version>
        </dependency>
        <dependency>
            <groupId>org.freemarker</groupId>
            <artifactId>freemarker</artifactId>
            <version>2.3.31</version>
        </dependency>
        <dependency>
            <groupId>com.itextpdf</groupId>
            <artifactId>font-asian</artifactId>
            <version>7.1.13</version>
        </dependency>
    </dependencies>

问题一：生成横向PDF

问题描述

我目前做的版式是个横向版式，一开始生成的时候老是竖向的，默认是A4。

解决办法

在new com.itextpdf.layout.Document的时候，先指定页面大小，具体代码如下：

//横向
Rectangle pageSize = new Rectangle(1196F, 800F);
Document document = new Document(pdf, new PageSize(pageSize));

问题二：html 指定td宽度生成了pdf不生效

问题描述

生成的版式中，第一行第一个单元格是竖向的文本，宽度很小。我在写html的时候直接在td中用行内样式实现的html预览是正常的，但是生成出来发现这个宽度宽了很多。

解决办法

一顿折腾发现，自己没在table标签中指定table-layout: fixed;加上了之后就好了。只能怪自己对前端样式的理解还不到位。不过这里也挺奇怪，为啥我直接用浏览器预览正常，但是生成出来不管用呢。不过最后解决了也就不再继续深究了