javascript - 如何在jspdf中将黑色文本放在灰色矩形的顶部

Question

我正在使用 jspdf将我的 html 页面转换为 PDF。到目前为止，我发现 HTML 中的样式不适用于 PDF 文档。所以我正在使用 doc.text 和 doc.rect。

我需要矩形顶部的文本，但似乎矩形总是在顶部并且它覆盖了文本。我该如何解决这个问题？

这是我试过的:

var doc = new jsPDF();    

doc.setFontSize(17);     

doc.setTextColor(255, 0, 0);
doc.text(100,25, 'USD.00');

doc.setFillColor(255,255,200);
doc.rect(100, 20, 10, 10, 'F')

Answer 1

在绘制文本之前先绘制矩形

var doc = new jsPDF();

doc.setFontSize(17);

doc.setFillColor(255,255,200);
doc.rect(100, 20, 10, 10, 'F');

doc.setTextColor(255, 0, 0);
doc.text(100,25, 'USD.00');