在 jspdf 中填充 rect

在 jspdf 中，我们可以使用 rect 方法来绘制矩形，但是默认情况下，它只是绘制边框，并不填充。如果需要填充矩形，我们需要使用 fillRect 方法来实现。

下面是使用 fillRect 方法填充矩形的示例代码：

const doc = new jsPDF();
doc.setFillColor(255, 0, 0);
doc.rect(20, 20, 50, 50, 'F');

这段代码创建一个新的 jsPDF 实例，并使用 setFillColor 方法设置填充颜色为红色。然后使用 rect 方法绘制一个 50x50 的矩形，最后使用 'F' 参数来指定填充模式为实心。

值得注意的是，使用 fillRect 方法填充矩形时，需要先使用 setFillColor 方法设置好填充颜色。

除了 fillRect 方法外，还有一个类似于 rect 方法的方法叫做 filledRect，它可以同时绘制边框和填充矩形：

doc.setFillColor(0, 255, 0);
doc.filledRect(80, 20, 50, 50);

注意：需要先定义jsPDF库。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.1.1/jspdf.umd.min.js" integrity="sha512-FVYrnnr6JqG6f5O5a5V6M5RNC2ybzJU774/w+hpJ14kuAa6Gby3Zq5U5tc5f6FztUv297BiQJ1pmN+qeJL6ew==" crossorigin="anonymous"></script>