如何在JSPDF中为pdf.cell应用css

Question

我有一个要求，我需要生成一个包含表格的 PDF 文件。 我能够生成PDF。 但是，我想将样式应用于边框。 目前边框显示为黑色。 我想将颜色更改为白色。 我怎么做？？

这是我的 js 函数，它在单击“导出到 PDF”链接时调用。

对于tableId我正在传递我的表名。

我的表如图所示：

我生成的PDF如图所示：

我想将生成的 PDF 的边框颜色更改为“灰色”。 我该怎么做？ 任何人都可以帮我解决这个问题吗？

Answer 1

在调用cell()方法之前，您必须设置drawColor属性。

要设置绘制颜色使用setDrawColor方法

setDrawColor(R,G,B);

API 文档中提供了有关此方法的更多详细信息。 http://rawgit.com/MrRio/jsPDF/master/docs/global.html#setDrawColor

可以通过将 RGB 值设置为setDrawColor(0);将绘制颜色重置为黑色setDrawColor(0);

例子：

  //Set text color
  doc.setTextColor(0);
  doc.text(10, 10, 'This is a test');

  //Change text color
  doc.setTextColor("#42d254");
  //Set draw color
  doc.setDrawColor(150,150,150);
  doc.cell(40, 40, 50, 20, "cell"); //cell(x,y,w,h,text,i)

检查此小提琴以供参考： https : //jsfiddle.net/Purushoth/x4xo4owj/

请查看jsPDF-Autotable插件，该插件具有许多用于自定义样式的内置功能https://simonbengtsson.github.io/jsPDF-AutoTable/#header-footer 。