Когда элемент HTML нацелен на преобразование PDF, результат обрезается, чтобы показать только элемент HTML. Однако остается вопрос, что делать с остальной частью страницы. Должна ли отображаться полная страница с целевым элементом HTML вверху или только элементом HTML?

По умолчанию полная страница отображается с целевым элементом HTML, отображаемым в верхней части страницы. Как показано в примере справа.
Однако иногда требуется создать PDF-файл, который будет отображать только выбранный элемент HTML без остальной части страницы. Пример того, как это будет выглядеть, показан слева.
Для этого вы должны передать -1 для параметров ширины и высоты страницы. К сожалению, однако, этот подход является более сложным, потому что, прежде чем PDF обрезается, он должен быть представлен.
Поэтому, если размер страницы по умолчанию не достаточно велик для правильной визуализации HTML-элемента, вам может потребоваться установить больший размер страницы и / или ориентацию, чтобы обеспечить правильную визуализацию при необходимости.
Автоматически обрезать размер страницы до цели HTML
Обратите внимание, что функция автоматического изменения размера страницы будет работать только когда целевой элемент HTML.
<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;
}
});