文章/答案/技术大牛

发布

社区首页 >问答首页 >带有openpdf的FlyingSaucer不能正确渲染flex box

问带有openpdf的FlyingSaucer不能正确渲染flex box
EN

Stack Overflow用户

提问于 2021-11-08 11:46:30

回答 1查看 257关注 0票数 1

我想使用latest FLyingSaucer呈现PDF文档。

build.gradle:

implementation 'org.xhtmlrenderer:flying-saucer-pdf-openpdf:9.1.22'

输入超文本标记语言文档(几乎是一个copy from W3 schools)：

<!DOCTYPE html>
<html>
<head>
<style>
.flex-container {
  display: flex;
  background-color: DodgerBlue;
}

.flex-container > div {
  background-color: #f1f1f1;
  margin: 10px;
  padding: 20px;
  font-size: 30px;
}
</style>
</head>
<body>

<h1>Create a Flex Container</h1>

<div class="flex-container">
  <div>1</div>
  <div>2</div>
  <div>3</div>  
</div>

</body>
</html>

示例代码(如JUnit测试)：

class FlexTest {

  @Test
  void flexTest() throws FileNotFoundException, IOException {

    final String htmlContent =
        IOUtils.toString(new FileInputStream("input.html"), Charset.defaultCharset());

    ITextRenderer renderer = new ITextRenderer();
    renderer.setDocumentFromString(htmlContent);
    renderer.layout();
    renderer.createPDF(new FileOutputStream("output.pdf"));
  }
}

它工作正常，只是display: flex没有正确呈现。它看起来像是呈现为一个常规的<div>

FlyingSaucer/openpdf是否支持flex box？我没有发现任何说明它不是。

flexbox

pdf-generation

flying-saucer

openpdf

java

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-11-08 15:34:33

飞碟不支持Flex，而且可能永远不会支持它。

飞碟支持的CSS仅限于CSS 2.1和大部分CSS paged media。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/69882965

复制

相似问题

问带有openpdf的FlyingSaucer不能正确渲染flex box
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带有openpdf的FlyingSaucer不能正确渲染flex boxEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带有openpdf的FlyingSaucer不能正确渲染flex box
EN