javascript - 如何使用pdfmake在文本行末尾添加图像？

Question

我正在使用pdfmake。我试图弄清楚如何将图像添加到文本行的末尾而不是新行。例如：

var dd = {
    content: [
        'Test text',
        {image: 'sampleImage.jpg', width: 24, height: 24}
    ]
}

使用此描述 pdfmake 生成 PDF，其中第一行是“测试文本”，第二行包含图像。我需要文本和图像在单行中，如“测试文本 [图像]”。

有没有人这样做过？

我想就如何做得到一些建议。谢谢。

Answer 1

使用列

var dd = {
  content: [
    {
      columns: [
        {
          width: 'auto',
          text: 'Test text'
        },
        {
          width: '*',
          image: 'sampleImage.jpg', 
          width: 24, 
          height: 24
        }
      ]
    }
  ]
}

Answer 2

如果您希望图像与您的多行文本内联，您可以使用列 + 堆栈

例子：

columns: [
 {
        image: "URL",
        height: 150,
        width: 180
 },

{
    stack: [
    {
        columns: [
          {
              text: 'First column first line',
              width: '35%'
          },

          {
               text: 'Second column first line',
               width: '35%'
          },

          {
               text: 'Third column first line',
               width: '30%'
          }
        ]
    },

    {
         columns: [
          {
               text: 'First column second line',
               width: '35%'
          },

          {
               text: 'Second column second line',
               width: '35%'
          },

          {
               text: 'Third column second line',
               width: '30%'
          }
        ]
    }
    ],
        width: '*'
 }]