Как работать с несколькими размерами экрана при использовании библиотеки html2pdf?

Я использую html2pdf для печати версии моей веб-страницы в формате pdf. Я установил разрывы страниц в определенные моменты с помощью <div class = "html2pdf__page-break"></div>. Это обеспечивается библиотекой html2pdf. Однако, когда пользователь минимизирует экран даже немного, весь PDF-файл оказывается испорченным, поскольку некоторые поля разрезаются пополам в конце страницы. Есть ли способ настроить html2pdf для печати PDF-файла, как если бы он был для экрана размера рабочего стола по умолчанию? Есть ли другой способ учета экранов разного размера?

Edit1:

Я использую плагин html2pdf. Чтобы преобразовать веб-страницу в pdf и загрузить ее, все, что мне нужно сделать, это в моем HTML:

<body class = "element-to-print"> 

В разделе моих скриптов

var element = document.getElementById('element-to-print');
 html2pdf().from(element).save();

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

Когда пользователь нажимает

ctrl +p

в Google и распечатывает страницу в формате pdf, не имеет значения, какой размер экрана используется. Выходной PDF-файл всегда выглядит одинаково. Я хочу сделать то же самое с библиотекой html2pdf.

заставить его открыть новое окно, содержащее контент, который вы хотите сохранить, сохраните его, а затем закройте всплывающее окно

Kwright02 08.09.2018 05:19

Всплывающее окно ноутбука будет больше, чем всплывающее окно мобильного телефона. У меня будет та же проблема, что и раньше.

greenn 08.09.2018 05:51

Причина, по которой печать из Chrome или другого веб-браузера работает нормально, заключается в том, что система обрабатывает сохранение pdf, а не библиотеки внутри самого кода.

Kwright02 09.09.2018 06:15
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
365
0

Другие вопросы по теме