javascript - 在 pdfmake 中嵌入背景图像

标签 javascript angularjs pdfmake

我正在使用 pdfmake http://bpampuch.github.io/pdfmake/index.html#/gettingstarted实现html到pdf的转换。为了创建 PDF,我使用了一些硬编码文本和一些使用 AngularJS 从 .json 文件中提取的文本。除背景图像外,一切正常。

有人做过吗?使用 pdfmake 的背景图像?我想获得一些关于如何强制它捕获它并将其实际放在后台的建议。谢谢。

最佳答案

事实证明,为了将图像设置为背景,需要决定 .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 和宽度对于使图像出现在背景中至关重要。

让我知道此方法中是否存在错误,或者是否有人以更简单的方式成功地做到了这一点。

关于javascript - 在 pdfmake 中嵌入背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29518377/

相关文章:

javascript - anchor 标记上的 ng-disabled 有效,但标记仍然可单击

javascript - 基于单击嵌套 ng-repeat 中的特定 json 数组来显示行?

javascript - Angular 作为全局变量和参数之间的区别?

javascript - pdfmake base64 图片回调

数据表和 PDFmake

angularjs - 用户界面网格 : How do I set column width when using pdf export

javascript - d3.js v4,向气泡图上的气泡添加文本标签

javascript - 如何做一个像add(num1)(num2)(num3)这样的函数来连续加数字?

javascript - 在变量名中使用计数器

javascript - 如何在本地通过UDP数据包发送大于1500字节的 float 并解析它们