在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中嵌入背景圖片

回答

相關問題