Html2pdf (html2canvas + jsPdf): как установить заголовок с отступом от текста?

Я создаю PDF-файл из отчета, используя html2pdf (не php) с Angular 5. Это отчет имеет изображение в заголовке, которое должно быть с 0 полем вверху, слева, справа, внизу. И затем я хотел бы поместить текст с отступом в 20 слева, справа и снизу (для верха я пока не знаю, как он будет реагировать с заголовком).

Я пробовал несколько способов, найденных на форумах. В частности, это один, который не является старый, но он ничего не делает. Метод pdfCallback больше не используется в текущей версии html2pdf.

Итак, мой вопрос: есть ли способ сделать это? Или же я готов взять любую другую библиотеку/метод, которая может помочь мне в этом.

Это мой текущий код, который отображает все, но не с правильными полями для изображения в заголовке:

pdfOnClick() {
  let reportInHtml = 'myHtmlHeaderAndText';
        let opt = {
        margin: 20,
        enableLinks: true,
        filename: 'test.pdf',
        type: 'jpeg', quality: 1
      };
      html2pdf(reportInHtml, opt);
}

Я только начал использовать html2pdf несколько часов назад, поэтому прошу прощения, если упустил что-то очень простое. Все документы/темы в Интернете, которые я нашел по этому вопросу, устарели, а в документации на веб-сайте отсутствуют некоторые примеры (при всем уважении). Я буду рад добавить некоторые, если я получу ответ на свой вопрос.

Спасибо.


person Linpter    schedule 23.07.2018    source источник


Ответы (1)


Так что мне удалось это сделать. На самом деле это было просто... Html2pdf может обрабатывать CSS. Итак, если вы установите поля в параметре html2pdf равным 0 (чтобы ваш заголовок был с 0 полями (сверху, справа, слева) и установите поля из стиля вашего текста на 15% (или что вы пожелаете), это работает .

person Linpter    schedule 24.07.2018