Спочатку ми створюємо клас div з назвою «printableArea» і всередині класу div додаємо заголовок за допомогою тегу H1 із вмістом Print me, а потім закриваємо тег Div. Потім ми створюємо клас введення як тип кнопки та встановлюємо функцію onclick, даючи їй назву, і, нарешті, додаємо значення «print a div».
- var doc = новий jsPDF();
- функція saveDiv(divId, назва) {
- док. fromHTML(`<html><head><title>${title}</title></head><body>` + document. getElementById(divId). innerHTML + `</body></html>`);
- док. зберегти ('div.pdf');
- }
- функція printDiv(divId,
Обов’язково зберігайте . розширення html. Потім перейдіть до місця, де ви його зберегли, клацніть правою кнопкою миші та виберіть «Відкрити за допомогою», а потім виберіть Google Chrome у спливаючому вікні, яке з’явиться. Потім, коли файл відкриється в Chrome, натисніть CTRL (або Command + P і роздрукуйте документ.
- .print-only { дисплей: немає ! важливий; } @media print { body > * { display: none ! …
- const domToBePrinted = документ. createElement("div"); domToBePrinted.classList. …
- const originalTitle = document.title; if (заголовок) {document.title = заголовок; } вікно.
Тег шаблону — це тег HTML, який дозволяє створити групу елементів HTML, які не відображаються на сторінці. Ви можете думати про це як про div без відображення, який містить HTML, але тег шаблону має кілька зручних функцій, які полегшують роботу, ніж тег div без відображення.
Щоб змусити <div> заповнити ширину сторінки, ви можете використовуйте властивість ширини CSS і встановіть її на 100%. Це змусить <div> розширити повну ширину контейнера, у якому він знаходиться, що зазвичай становить всю ширину сторінки.