首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何用jsPDF和jSPDF autoTable绘制圆角矩形?

如何用jsPDF和jSPDF autoTable绘制圆角矩形?
EN

Stack Overflow用户
提问于 2019-10-15 14:00:46
回答 1查看 1.5K关注 0票数 0

我使用jsPDF和jsPDF-autoTable将我的HTML表数据打印到PDF文件中。但是,我们有一个自定义要求,我不能继续下去。我试了几种方法。但它似乎对我不起作用。

我想要的是,我想在特定的单元格中打印一个圆角矩形。就像这样。

我试了几种方法。这是我的代码。

代码语言:javascript
复制
const doc = new jsPDF('p', 'pt', 'a4');
doc.autoTable({
                        head: headerdata, // array of arrays
                        theme: 'grid',
                        body: bodydata, // arry of arrays
                        startY: doc.autoTable.previous.finalY,
                        Padding: { top: 20, right: 15, bottom: 20, left: 25, },
                        styles: {
                            lineColor: [220, 220, 220],
                            lineWidth: 0.5,
                            overflow: 'linebreak',
                        },
                        willDrawCell: (data) => {
                            if (data.section === 'body' && data.column.dataKey === 2) {
                                doc.setFillColor(239, 154, 154);
                                doc.roundedRect(data.cell.textPos.x + 3, data.cell.textPos.y + 3, data.cell.width, data.cell.height, 5, 5, 'FD');
                            }
                        },
                        headStyles: { fillColor: [249, 249, 251], textColor: [34, 34, 34], },
                        });
    doc.save('test.pdf');

任何即时的帮助都将不胜感激。

EN

Stack Overflow用户

发布于 2020-06-18 03:26:21

在撰写这篇评论时,我使用的是该库的以下版本:

代码语言:javascript
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js"></script>

我推荐使用上面版本的jsPDF,只需使用函数RoundedRect()

有关更多信息,请参阅此处:https://artskydj.github.io/jsPDF/docs/jsPDF.html#roundedRect

示例:这将绘制一个圆角矩形。

代码语言:javascript
复制
doc.roundedRect(10, 60, 190, 220, 5, 5, 'S')
票数 0
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58388105

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档