javascript - pdfmake中的图像渲染

Question

我需要在不同的地方渲染相同的图像。所以我创建了一个变量并使用了它。但是图像没有渲染。可能是什么问题？我在 http://pdfmake.org/playground.html 中尝试了以下代码

var sampleData= {image: 'sampleImage.jpg',fit: [10, 10]} 
var dd = {  
    content: [{ 
          table: {
            body: [
                ['Col 1', 'Column 2', 'Column 3'],
                [sampleData,sampleData, 'OK?']
    ]}
}]}

Answer 1

为了从一次声明图像中获益，并在您的 pdf 中多次呈现它，您需要在文档定义的图像部分声明它:

var sampleData = {image: 'sampleImage', fit: [10, 10]} 
var dd = {  
  content: [{ 
    table: {
      body: [
        ['Col 1', 'Column 2', 'Column 3'],
        [sampleData, sampleData, 'OK?']
      ]
    }
  }],
  images: {
    sampleImage: 'data:image/jpeg;base64,...content...'
  }
}

还有 docs还说只有当您的代码在 NodeJS 下运行或者您正确使用 pdfmake 提供的虚拟文件系统时，'sampleImage.jpg' 形式的图像地址才有效。