Node Js NPM PDFkit 和 Voilab pdf 表，生成表后 pdfkit 段落错误

Question

嗨，伙计们，谢谢你的光临

我有 voilab pdf kit 的问题，一个用于 PDFkit 的库，它本质上有助于为 NPM Pdfkit 安排表格。

成功生成表格后，我尝试添加一个新段落，但不幸的是我的段落格式遵循行格式宽度并且搞砸了。

让我向您展示我生成表格的代码。

            doc
                .fontSize(14)
                .font('Times-Bold')
                .text('IKHTISAR POLIS / POLICY SCHEDULE', {
                    align: 'center',
                })
                .text('Asuransi TravelFirst Indonesiana', {
                    align: 'center',
                })
                .font('Times-BoldItalic')
                .text('TravelFirst Indonesiana Insurance', {
                    align: 'center',
                })
                .font('Times-Bold')
                .moveDown(4);

                table
                .addBody([
                    {
                        Item: 'No. Polis / Policy Number',
                        Separator: ':',
                        Description: `${noPolis}`,
                    },
                    {
                        Item: 'Nama / Name',
                        Separator: ':',
                        Description: `${paxes.name}`,

                    },
                    {
                        Item: 'TTL / DOB',
                        Separator: ':',
                        Description: `${DOBpolis}`,
                    },
                    {
                        Item: 'No. Identitas / Identity Number',
                        Separator: ':',
                        Description: `${paxes.id_no}`,
                    },
                    {
                        Item: 'Jenis Perjalanan / Type of Trip',
                        Separator: ':',
                        Description: 'Perjalanan Singkat / Short Trip',
                    },
                    {
                        Item: 'Polis Diterbitkan / Policy Issues',
                        Separator: ':',
                        Description: `${dateNow}`,
                    },
                    {
                        Item: 'Periode Polis / Policy Period',
                        Separator: ':',
                        Description: `${polisStart} - ${polisEnd}`,
                    },
                    {
                        Item: 'Lokasi Asal / Origin Location',
                        Separator: ':',
                        Description: `${element.city_origin}`,
                    },
                    {
                        Item: 'Lokasi Tujuan / Destination Location',
                        Separator: ':',
                        Description: `${element.city_destination}`,
                    },

                    {
                        Item: 'Paket Pilihan / Selected Package',
                        Separator: ':',
                        Description: `${insuranceProduct.name}`,
                    },
                    {
                        Item: 'Jumlah Premi / Total Premi',
                        Separator: ':',
                        Description: `${currencyFormatIDR(insuranceProduct.tarif)}`,
                    },
                    {
                        Item: 'Biaya Polis / Total Premium',
                        Separator: ':',
                        Description: `${currencyFormatIDR(insuranceProduct.tarif)}`,
                    },
                    {
                        Item: 'Jumlah Premi / Total Premi',
                        Separator: ':',
                        Description: `${currencyFormatIDR(insuranceProduct.tarif)}`,
                    },
                ]);
    doc.moveDown(2);

这是我在表格后添加新段落的代码

        doc
            .fontSize(9)
            .font('Times-Roman')
            .text(tcId, {
                align: 'justify',
                margin: {
                    right: 100,
                },
            });
        doc
            .fontSize(9)
            .font('Times-Italic')
            .text(tcEn, {
                align: 'justify',
                fit: [300, 200],
            });

        doc
            .fontSize(9)
            .font('Times-Roman')
            .text(`${dateNow}`, {
                align: 'right',
                fit: [300, 200],
            });

我尝试创建另一个表格并将我的段落像这样放在里面

        table
        .addColumns([
            {
                id: 'text',
                Align: 'justify',
                // width: 500,
            }]);

        table
        .addBody([
            {
                text: `${tcId}`,
            },
            {
                text: `${tcEn}`,
            },
        ]);

但结果是一样的，这是我生成为 pdf 后的样子

在此处输入图片说明

Answer 1

问题解决了，你需要通过使用 doc.x = 0 <<- 或任何水平边距来重置 table.addtable 之后的边距，因为 voilab-pdf-table 与 x, y 主体一起使用。