在PhantomJS中将旋转文本呈现为PDF

我有一个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%;
}

---

Phantom JS基于Webkit。对于不兼容的css规则，需要使用

-webkit-

前缀

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

---

您是否尝试过-webkit转换？