Когда я использую полужирный шрифт jspdf, текст теряет пробелы. См. изображение до и после ниже, взятое из сгенерированного pdf.
Код jsPDF приведен ниже.
html внутри машинописного текста:
<table style = "width: 1100px; background: #5ba8da;padding:10px;"> <tbody>
<tr><td>Project Name: ${row.project} </td> </tr>
</table>
Машинопись:
let doc = new jsPDF('l', 'pt', 'a3');
doc.setFont('courier');
doc.html(this.template.body.summary(row), {
x: 50, y: 65,
callback: (doc) => {
this.addFooter(doc);
this.pdfSrc = doc.output("blob");
this.busy = false;
}
});
Большей проблемой для меня является то, что у жирного шрифта нет места. Также не работает размер шрифта...
Я вижу, я использую полужирный шрифт как встроенный css в приведенном выше HTML-коде. Однако, когда я добавил font-family
, пробелы теперь отображаются правильно. Однако у меня новая проблема, размер шрифта не может измениться. Я использую угловой 13 с начальной загрузкой, пример. В более чистой версии такой проблемы нет. Кажется, мне нужно удалить библиотеки и посмотреть, исчезла ли ошибка, но избавиться от какой-либо библиотеки сложно, поскольку они важны. Также doc.setFontSize
не определил ошибку
@KJ большое спасибо за помощь. Я нашел решение!
После отладки всех компонентов и библиотек я обнаружил, что стиль th, td
был применен к компоненту, который повлиял на стиль в выводе PDF. Чтобы решить эту проблему, я добавил класс другой таблицы, чтобы он не влиял на вывод css в формате PDF.
@KJ, что вы подразумеваете под синхронизацией источника CSS?