Gdy element HTML jest celem konwersji PDF, wynik jest przycinany, aby pokazać tylko element HTML. Pozostaje jednak pytanie, co zrobić z resztą strony. Czy powinna być wyświetlana cała strona z ukierunkowanym elementem HTML u góry, czy tylko elementem HTML?

Domyślnie wyświetlana jest cała strona z docelowym elementem HTML widocznym u góry strony. Jak pokazano w przykładzie po prawej stronie.
Czasami jednak konieczne jest wygenerowanie pliku PDF, który pokazywałby tylko wybrany element HTML bez reszty strony. Przykład tego, jak by to wyglądało, pokazano po lewej stronie.
W tym celu należy przekazać -1 do parametrów szerokości i wysokości strony. Niestety takie podejście jest bardziej skomplikowane, ponieważ przed przycięciem pliku PDF należy go zrenderować.
Jeśli więc domyślny rozmiar strony nie jest wystarczająco duży, aby dobrze renderować element HTML, może być konieczne ustawienie większego rozmiaru strony i / lub orientacji, aby zapewnić prawidłowe renderowanie zgodnie z wymaganiami.
Automatycznie przytnij rozmiar strony do celu HTML
Pamiętaj, że funkcja automatycznego dostosowywania rozmiaru strony będzie działać tylko gdy element HTML jest celem.
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.com",
{"format": "pdf", "download": 1, "target": "#Article", "height": -1, "width": -1}).Create();
</script>
var grabzit = require('grabzit');
var client = new grabzit("Sign in to view your Application Key", "Sign in to view your Application Secret");
var options = {"targetElement":"#Article","pageWidth":-1,"pageHeight":-1};
client.url_to_pdf("http://www.spacex.com", options);
client.save("http://www.example.com/handler", function (error, id){
if (error != null){
throw error;
}
});