在PDFmake中动态更改背景图像

时间:2017-11-13 20:30:17

标签: javascript css image pdfmake

从文档中我看到:

var docDefinition = {
 background: function(currentPage) {
return 'simple text on page ' + currentPage
},
content: (...)
};

很好地提供了动态变化的背景文字..

我目前使用以下内容作为背景:

    background: [{
    image: 'data:image/jpeg;base64,/9j/4QAYRX...='
    ,fit: [595, 842]
    }];

但由于它是一个多页文档,我想更改第2,3,4页上的图像等。

在我看来,我应该做一些事情:

var defined_image_arrray =  ['image1','image2','image3'];

var docDefinition = {
 background: function(currentPage) {
image: defined_image_array[currentPage];
},
content: (...)
};

但它不起作用..

''''' 添加于14-11-2017 '''''

以下内容在页面上打印数据源:

var defined_image_arrray =  ['image1','image2','image3'];

var docDefinition = {
background:     
function(currentPage, pageCount, pageSize) { return "" + defined_image_arrray[currentPage].toString() + "" }
};

'''''

以下显示背景图像正确:

var defined_image_arrray =  ['image1','image2','image3'];

background:     
[{  
image: defined_image_arrray[0]  
,
fit: [595, 842]
}]

'''''

以下内容创建了此错误消息:

"图像无效,图像字典应包含dataURL条目(或node.js中的本地文件路径)"

var defined_image_arrray =  ['image1','image2','image3'];

background:     
[{
image: function(currentPage, pageCount, pageSize) { return "" + defined_image_arrray[currentPage].toString() + "" }
,
fit: [595, 842]
}]

我不明白为什么会这样。有人可以就如何将pagenumber传递给图像数组提出建议吗?

0 个答案:

没有答案