jsPDF 在使用 css font-weight bold 时删除空格

Question

当我使用 font-weight bold 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;
      }
    });

Answer 1

在调试所有组件和库后，我发现 th, td 样式应用于影响 pdf 输出样式的组件。为了解决这个问题，我添加了另一个 table 的 class ，这样它就不会影响 pdf 输出 css.

jsPDF 在使用 css font-weight bold 时删除空格

jsPDF removes spaces when using css font-weight bold

jspdf

angular

angular13