在pdf中嵌入背景图片

我正在使用pdfmake http://bpampuch.github.io/pdfmake/index.html#/gettingstarted来实现html到pdf的转换。为了创建一个PDF，我使用了一些硬编码的文本和一些从.json文件中加入AngularJS的文本。除了背景图像之外，所有的都可以很好地工作。在pdf中嵌入背景图片

有没有人做过这个？用pdfmake使用背景图片？我想获得一些关于如何强制它抓住它并将它放到后台的建议。谢谢。

来源

2015-04-08 Varvara Jones

原来，为了设置一个图像作为背景，需要决定.pdf的输出大小，适当调整bkg图像大小，然后在函数中指定所有的维度，如下所示（我使用AngularJS此）：

$scope.pdfMaker = function() { 
var docDefinition = { 
    pageSize: 'LETTER', 
    background: [ 
    { 
     image: 'data:image/jpeg;base64,/9j/4QAY...', 
     width: 792 
    } 
], 
//other parameters go here 
}

表示图像的pageSize和宽度是具有图像显示在背景至关重要。

让我知道这种方法是否存在错误，或者是否有人以更简单的方式成功完成。

来源

2015-04-08 16:39:52

这将重叠您的文字与你图像（将作为背景图像）。该解决方案也可以用于多个图像。

示例代码：

var dd = { 
    content: [ 
     { 
      image: 'sampleImage.jpg', 
      width: 200 
     }, 
     { 
      text: 'Text over image', 
      absolutePosition: {x: 100, y: 50} 
     }  
    ] 
}

来源

2018-03-08 09:33:41 iDevAmit

在pdf中嵌入背景图片

回答

相关问题