Winnovative HTML to PDF and CSS 书写模式：tb-rl答案

【问题标题】：Winnovative HTML to PDF and CSS writing-mode: tb-rlWinnovative HTML to PDF and CSS 书写模式：tb-rl
【发布时间】：2012-01-12 19:53:37
【问题描述】：

如果我在要转换为 pdf 的 html 流中包含用于编写垂直文本的 css 样式“writing-mode: tb-rl”，我会重复前 30 页，向上到应该渲染的页面数，这总是正确计算的。

例如，在 70 页的 pdf 中，它将显示 70 页，但会在 30 到 59 之间重复前 30 页，然后在 60 以后再次显示前 10 页。

如果我删除垂直文本，即样式写作模式：tb-rl，一切都会恢复正常。显示时的垂直文本在第 21 页上正确呈现。

这发生在我们使用 pdf 库的代码中，也发生在 Winnovative 提供的示例中。

以前有没有人处理过这个问题？我喜欢修复或解决方法，因为 Winnovative 对任何事情的反应都很慢。谢谢

【问题讨论】：

标签： html pdf winnovative

【解决方案1】：

我从未找到解决此问题的直接方法。

当输出在多页文档中包含垂直文本时，Winnovative HTML2PDF 在所有版本（最多尝试 7 个）中都不一致。

我猜这与页面流动/测量计算有关。

我们测试过的一种替代方法（但由于其他原因我们没有使用）是切换到 evo pdf - Winnovative 的姊妹产品和他们推荐的解决方案，以解决 Winnovative HTML2PDF 解决方案中明显的几个基于 Internet Explorer 的问题。

我们最终的解决方案是使用现有的 Winnovative 库，将带有竖排文本的页面转换为非分页图像（全高），然后将图像嵌入到 PDF 中。

【讨论】：

【解决方案2】：

Winnovative HTML 到 PDF 转换器渲染与 WebKit 渲染兼容。支持的文本旋转方式是使用 CSS -webkit-transform 属性。例如，您可以使用以下代码将整个 div 顺时针旋转 5 度：

<!DOCTYPE html>
<html>
<head>
<style> 
div {
    width: 200px;
    height: 100px;
    background-color: yellow;
    /* Rotate div */
    -webkit-transform: rotate(5deg); 
}
</style>
</head>
<body>

<div>Hello</div>

</body>
</html>

【讨论】：