使用 JsPDF AutoTable 在文本前的单元格中添加图像

Question

我想在此单元格的同一单元格中将图像放在文本之前。但我不知道该怎么做。我尝试放置的图像大小不一。目前，我尝试使用随机图像，但我不知道如何在图像之后移动文本。我什至不确定这是可能的。这是我的代码的一部分：

doc.autoTable({
                headStyles: { halign: 'center', fillColor: [0, 63, 204], lineWidth: 0.3, lineColor: [0, 0, 0] },
                columnStyles: {
                    0: { halign: 'center', cellWidth: 60, fillColor: [255, 255, 255], lineWidth: 0.3, lineColor: [0, 0, 0] },
                    1: { halign: 'center', cellWidth: 'auto', fillColor: [255, 255, 255], lineWidth: 0.3, lineColor: [0, 0, 0] }
                },
                didDrawCell: function (data) {
                    var img = "/Content/rtech/img/logo_black_blue.jpg"
                    var textPos = data.cell.getTextPos();
                    console.log(data.cell);
                    doc.addImage(img, 'JPEG', textPos.x, textPos.y, 50, 15); }]);
                   
                },
                html: '#facTableName-' + i
            })

在这种情况下，我将这张图片添加到选项卡的每一行中。

希望你能帮到我，谢谢。

Answer 1

我自己解决了我的问题。

我需要做的是在左边的位置加上图片我想将图像放入的单元格的边框。
然后我把单元格的最小高度设置为图片的高度
最后，我将左边距设置为图片大小。
现在，我可以在文字前放一张图片了。

使用 JsPDF AutoTable 在文本前的单元格中添加图像

Add image in cell before text with JsPDF AutoTable

javascript

jspdf

jspdf-autotable