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



我想在这个单元格的同一单元格中把图像放在文本之前。但我不知道该怎么做。我尝试放置的图像从来都不是相同的大小。目前,我尝试了一个随机的图像,但我不知道如何在图像后移动文本。我甚至不确定这是否可能。下面是我的一部分代码:

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
})

在本例中,我将此图像添加到选项卡的每一行中。

希望你能帮助我,谢谢。

我自己解决了我的问题。

  1. 我需要做的是在左边的位置添加图像我想放置图像的单元格的边框

  2. 然后我将单元格的最小高度设置为图片的高度。

  3. 最后,我设置左边距为图片的大小。

  4. 现在,我可以在文本之前有一个图像。

相关内容

最新更新