phantomjs不正確的pdf渲染

Question

我正在嘗試從html頁面生成pdf。 html非常簡單，並為每個頁面呈現居中的圖像。

我在渲染html時正常工作，但當我嘗試使用node-html-pdf創建一個pdf時，它沒有。

我還在github上創建了一個小型快遞應用程序，它可以重現這個問題： https ： //github.com/aschmid/phantomjs2pdf

pdf中的奇怪之處是前2頁正確呈現。
然后每個頁面的大小是前一個頁面的200％：

我相信這是css的一個問題。 我還想創建css規則，這些規則將適用於每個文件大小（字母，小報，A4，......）或方向（縱向，橫向），並將圖像置於PDF格式的頁面中心。

有人能指出我正確的方向嗎？

Answer 1

在我的機器中構建了環境的副本，並想出添加此代碼修復了問題：

html, body {
    max-height:100%;
}

起初我以為是

top: 50%;
left: 50%;-webkit-transform: translateX(-50%) 
translateY(-50%);

技巧，但事實並非如此。 我的身體和html上的max-height標簽確保沒有任何內容超過您的頁面。

此外，雖然在一個問題中提出兩個不同的東西並不是真的正確，但是這里有一些代碼可以讓你在橫向和縱向模式下工作：

@media screen and (orientation:portrait) { 
        .page .imgWrapper img {
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg) translateX(-29%) translateY(87%);
         } }

這將找到視口的位置，並將圖像置於縱向模式的中心位置。 奇怪的translate值是由於與rotate奇怪交互。 也許這不適用於html-pdf但它是一個開始。 祝好運。