pdfHTML 不支持 CSS 样式

Question

是否有 pdfHTML 支持的 CSS 样式列表？他们的网站说“它支持适用于 PDF 上下文的 HTML 5 和 CSS 3 规范的部分”，这是有道理的（例如，没有理由支持 CSS 动画）。

但是，我认为某些适用于 PDF 的简单样式存在问题。

一个问题是以下样式未应用于图像：

img { max-width: 100%; }

我有一些图片，它们的宽度实际上比页面大，所以图片被截断了。我无法更改源 HTML，也无法缩小图像文件。让图像表现的最佳做法是什么？

另一个问题与表格样式有关。这些没有被应用：

table { vertical-align: top; }
tr:nth-child(even) { background: #eee; }

就像图片问题一样，这些样式在浏览器中看起来不错。格式化表格的推荐方法是什么？

谢谢

Answer 1

pdfHTML 尚不支持max-width CSS 属性。如果满足某些条件，您可以尝试使用自己的自定义 CSS 应用程序来解决该问题，并将宽度重置为您想要的任何值。

首先，为图片创建 CSS 应用程序：

final ICssApplier customImageCssApplier = new BlockCssApplier() {
    @Override
    public void apply(ProcessorContext context, IStylesContainer stylesContainer, ITagWorker tagWorker) {
        super.apply(context, stylesContainer, tagWorker);
        if (tagWorker.getElementResult() instanceof Image) {
            Image img = (Image) tagWorker.getElementResult();
            if (img.getImageWidth() > 500) {
                img.setWidth(UnitValue.createPercentValue(100));
            }
        }
    }
};

然后，确保在工厂中检索到此应用程序。为此，您必须覆盖getCustomCssApplier：

ICssApplierFactory cssApplierFactory = new DefaultCssApplierFactory() {
    @Override
    public ICssApplier getCustomCssApplier(IElementNode tag) {
        if (TagConstants.IMG.equals(tag.name())) {
            return customImageCssApplier;
        }
        return super.getCustomCssApplier(tag);
    }
};

最后，创建ConverterProperties 并确保将其传递给HtmlConverter.convertToPdf：

ConverterProperties properties = new ConverterProperties().setCssApplierFactory(cssApplierFactory);