Как я могу контролировать размер шрифта в html2canvas - PullRequest
Новая
       53

Как я могу контролировать размер шрифта в html2canvas

0 голосов
/ 03 января 2019

Я использую html2pdf , который создает PDF из HTML-кода. Он использует html2canvas и jsPDF . Результат очень хороший, но немного отличается от оригинала: размер шрифта и высота строки немного отличаются, поэтому конец страницы не является правильным. Мне действительно нужна копия, если div (который имеет фиксированный формат, корректно отображается на страницах формата A4).

Есть ли способ повлиять на шрифты в окончательном рендеринге? Теперь я создаю pdf: 

   savePdf () {
      this.pdfDialog = true
      let opt = {
        // if set firefox will not be able to print as pdf!...
        // margin: 0,
        filename: 'cv.pdf',
        enableLinks: true,
        image: { type: 'jpeg', quality: 0.98 },
        html2canvas: {
          scale: 8,
          useCORS: true,
          width: 310,
          letterRendering: true,
        },
        jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' },
      }
      html2pdf().set(opt).from(document.getElementById('printable-cv')).save()]
},

1 Ответ

0 голосов
/ 15 января 2019

Решением является добавление встроенных стилей к элементам. В моем случае, работая в vuejs, я получил следующий код: 

<div class="presentazione" v-html="presentation" :style="presentationFont"></div>
...