使用 html-pdf 节点模块在标题中添加图像 [英] Add image in header using html-pdf node module
问题描述
我正在使用 this 将 html 转换为 PDF.转换非常好.但问题是在 PDF 页面中添加页眉和页脚.在选项中,如果我添加页眉文本,我得到了我预期的结果.
I am using this to convert the html to PDF.The conversions are really good.But the problem is to add header and footer in the PDF pages.In the options if i add the header text i got the result what i expected.
//Options
var options = {
"header": {
"height": "45mm",
"contents": "<div style='text-align: center;'>Author: Marc Bachmann</div>" // If i add image in content it wont work
// sample i tried
},
"footer": {
"height": "28mm",
"contents": "<span style='color: #444;'>{{page}}</span>/<span>{{pages}}</span>"
}
}
// Tried this in contents <img src="image path" />
var result = <div class="container"> HTML CONTENT</div>';
pdf.create(result, options).toFile(fileName + ".pdf", function(err, res) {
if (err) {
console.error(err);
callback();
}
然后,如果我在 header(contents) 选项中添加图像标签,我在生成的 PDF 中没有得到图像.能否请你给我一个解决方案,谢谢.
Then if i add the image tag in the header(contents) option i didn't get the image in the generated PDF. Can you please give me a solution for this thanks.
推荐答案
可以在选项标题中添加图像.1.以display:none"样式在html正文中加载图像.2.然后在选项标题中添加图像通过这样做,图像被缓存,并且可以在标题中附加图像.
It is possible to add the image in options header. 1.Load the image in html body with "display:none" style. 2.Then add the image in the options header By doing this the image is cached and can attach the image in header.
var options = {
"format": 'Letter',
"orientation": "portrait",
"header": {
"contents": "<img src='image path' />",
"height": "30mm"
},
"footer": {
"contents": footer
}
}
pdf.create("<div style='display:none'><img src='image path' /></div>", options).toFile("sample.pdf", function(err, res) {
if (err) {
console.error(err);
callback();
}
});
这篇关于使用 html-pdf 节点模块在标题中添加图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!