Как сохранить блок с вертикальной прокруткой в PDF с помощью html2pdf.js?

  • 11 апреля 2024 г. 14:10
Ответы на вопрос 1
Для сохранения блока с вертикальной прокруткой в PDF с помощью html2pdf.js, вам нужно сначала создать контейнер div с вашим блоком, у которого есть вертикальную прокрутку. Затем используйте метод html2pdf() для конвертации этого контейнера в PDF. 

Пример кода:

HTML:
```html
<div id="scrollableBlock" style="overflow-y: scroll; height: 200px;">
   <!-- Ваш контент с вертикальной прокруткой -->
</div>

<button id="downloadPdf">Сохранить в PDF</button>
```

JavaScript:
```javascript
document.getElementById("downloadPdf").addEventListener("click", function() {
  var element = document.getElementById("scrollableBlock");
  
  html2pdf(element, {
    margin: 1,
    filename: 'scrollableBlock.pdf',
    image: { type: 'jpeg', quality: 0.98 },
    html2canvas: { scale: 2, logging: true, dpi: 192, letterRendering: true },
    jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' }
  });
});
```

Этот код сохранит ваш блок с вертикальной прокруткой в PDF файл при нажатии на кнопку "Сохранить в PDF". Пожалуйста, убедитесь, что у вас установлен плагин html2pdf.js перед использованием этого кода.
Похожие вопросы