用PhantomJS将旋转的文本渲染成PDF[英] Rendering rotated text to PDF in PhantomJS

问题描述

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

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

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

我升级到 Phantom 2.0.0,但仍然是同样的问题.

有什么办法可以做到吗?

推荐答案

我在一个节点应用程序中使用 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%;
}

本文地址:https://www.itbaoku.cn/post/1739992.html