phantomjs - 在 PhantomJS 中将旋转文本渲染为 PDF

Question

我有一个 HTML 页面，其中包含几段使用以下 CSS 旋转的文本:

.rotate {
    transform: rotate(90deg);
    transform-origin: 50% 50%;
}

当我直接在浏览器中拉出页面时，这会按预期呈现。当我通过 PhantomJS 渲染页面时，它似乎忽略了旋转。

我升级到 Phantom 2.0.0，但还是同样的问题。

有什么办法可以使这项工作？

Answer 1

我在节点应用程序中使用 PhantomJS 1.9.18 对其进行了测试。

与 -webkit-transform和 -webkit-transform-origin生成的 PDF 上的文本被旋转。没有 -webkit 前缀，当我使用浏览器查看它时，它只会旋转，而不是在 pdf 中呈现。

所以你应该改变你的CSS

.rotate {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}