Как применить фон и границу к каждой странице сгенерированного PDF-файла при конвертации HTML в PDF - PullRequest
Новая
       33

Как применить фон и границу к каждой странице сгенерированного PDF-файла при конвертации HTML в PDF

0 голосов
/ 11 апреля 2019

Я хочу преобразовать один шаблон HTML в файл PDF, я делаю это в nodejs, используя один модуль npm с именем «dynamic-html-pdf», содержимое HTML не является фиксированным и таким динамичным, я дал границу в родительский div в HTML, который я хочу применить к каждой странице файла PDF.

Но он применяется только слева и справа и заканчивается на последней странице. См. Изображение ниже.

enter image description here Я хочу, чтобы он применялся на каждой странице в виде рамки для каждой страницы

Кроме того, я хочу применить некоторый фоновый значок, чтобы я применил его к тегу body, но он получает только для первой страницы pdf вместо всех страниц.

какой CSS или что-либо мне нужно изменить ??? 

<!doctype html>
<html style="height:100%;">
<head>
    <meta charset='utf-8' />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <title>letter</title>
    <style>
        *,
        *::before,
        *::after {
            box-sizing: border-box;
        }
    </style>
</head>
<body style="width: 100%;height:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:100%;overflow:hidden;margin: 0;font-family: Arial,Helvetica Neue,Helvetica,sans-serif;">
    <div style="height:100%;background: linear-gradient(#2bd9b8, #659bff); background-repeat: no-repeat;padding:18px;">
        <div style="height:100%;background:url(https://img.icons8.com/wired/64/000000/turtle.png)center center no-repeat;background-size: 20%;background-color: #fff;padding: 20px;">
            <h1 style='margin-bottom: 0;font-size: 18px;'>abcde</h1>
            <br />
            <p style='margin: 0;float: left;font-size: 11px;width:100%;word-break: normal'>
                India</p>
            <br clear='all' />
            <p style='margin: 0;float: left;font-size: 11px;'><b>Registration No.</b><br /></p>
            <br clear='all' />
            <p style='margin: 0;margin-top: 30px;font-size: 11px;'>11-Apr-2019</p>
            <h1 style='color: #2bd9b8;text-align: center;margin-bottom: 30px !important;font-size:30px'>Letter</h1>
            <p style='margin: 0;font-size: 13px;'>To,</p>
            <p style='margin: 0;font-size: 13px;'>All People</p>
            <p style='margin-top: 15px;margin-bottom: 15px;font-size: 13px;'><b>Subject : Letter</b></p>
            <div style='min-height: 200px;line-height: 18px;font-size: 13px;font-weight: normal; text-align:justify;font-family: Arial,Helvetica Neue,Helvetica,sans-serif;'>Lorem PageMaker including versions of Lorem Ipsum</div>
            <div style="position:absolute;left:35px;right:35px;bottom:30px;">
                <p style='text-align: right; font-size: 14px'>User 123</p>
                <p style='text-align: right; margin:5px 0 5px 0;font-size: 12px'>Secretary</p>
                <p style='text-align: right; margin:50px 0 0 0;font-size: 12px'>Powered by <img src='https://img.icons8.com/wired/64/000000/turtle.png'
                        alt='logo' style='height: 20px;margin-left: 5px;' class='logo-footer' title='logo' /></p>
            </div>
        </div>
    </div>
</body>

</html>

Я ожидаю, что граница и фоновый значок должны появиться для всех страниц сгенерированного PDF-файла

...