phantomjs pasuje do strony A4

Question

Chcę przekonwertować stronę HTML na PDF formatu A4.

page.paperSize = { 
    format: 'A4', 
    orientation: 'portrait', 
    border: '1cm' 
}; 

Czy istnieje sposób na skalowanie witryny do szerokości A4?

Jeśli mam następujący kod HTML:

<div style="width:1500px; text-align:right;"> 
    right 1500px 
</div> 

prawym końcu div spada stronę.

Grałem z właściwością viewportSize:

page.viewportSize = { 
    width: 480, 
    height: 800 
}; 

Liczyłam, że większe wyniki szerokość rzutni w większej części strony są renderowane w formacie PDF.

page.zoom 

Nie uzyskał również pożądanego efektu.

Pliki PDF są raportami. Aby uzyskać profesjonalny wygląd, powinny mieć format A4, a nie dowolny dowolny rozmiar.

Czy phantomjs jest niewłaściwym narzędziem do mojego problemu?

Używam phantomjs w wersji 1.9.7 na Ubuntu 12.04.4.

---

Edit:

Wydaje się, że istnieją trzy różne wymiary tutaj:

• vieportSize który jest rozmiar, który jest używany do renderowania, jak napisano w docs
• paperSize, który jest wielkością wynikowego dokumentu PDF
• , a następnie pojawia się rozmiar ekranu. phantomjs zawsze pasuje do szerokości jednego ekranu na rozmiarze papieru. Rozmiar ekranu mojej wersji phantomjs to 1024 x 768 pikseli. Jeśli port widoku jest większy niż rozmiar ekranu, wszystko poza 1024 pikselami nie jest wyświetlane.

Nie znalazłem jeszcze sposobu na zmianę rozmiaru ekranu.

Znalazłem to, renderując http://www.whatismyscreenresolution.com/ do PDF.

Answer 1

Jednym z rozwiązań jest stworzenie elementu o dokładnie takiej samej wielkości jak A4 i umieszczenie w nim treści. To zadziałało na mojej maszynie:

.page{ 
    position:relative; 
    border: 0px; 
    width:calc(210mm * 1.25); 
    height:calc(297mm * 1.25); 
    padding:0 
} 

Pamiętaj, że używam współczynnika powiększenia 1,25. Wynika to z this issue.