एचटीएमएल-पीडीएफ नोड मॉड्यूल का उपयोग करके हेडर में छवि जोड़ें

Question

मैं एचटीएमएल को पीडीएफ में कनवर्ट करने के लिए this का उपयोग कर रहा हूं। रूपांतरण वास्तव में अच्छे हैं। लेकिन समस्या पीडीएफ पृष्ठों में हेडर और पाद लेख जोड़ना है। विकल्पों में अगर मैं जोड़ता हूं हेडर टेक्स्ट मुझे परिणाम मिला जो मुझे उम्मीद थी।

//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(); 
     } 

फिर यदि मैं हेडर (सामग्री) विकल्प में छवि टैग जोड़ता हूं तो मुझे जेनरेट किए गए पीडीएफ में छवि नहीं मिली। क्या आप कृपया मुझे इस धन्यवाद के लिए समाधान दे सकते हैं।

Answer 1

यह विकल्प शीर्षक में छवि जोड़ने के लिए संभव है। 1. एचटीएमएल बॉडी में छवि को "डिस्प्ले: कोई नहीं" शैली के साथ लोड करें। 2. फिर विकल्प शीर्षलेख में छवि जोड़ें ऐसा करके छवि कैश की गई है और छवि को हेडर में संलग्न कर सकती है।

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(); 
     } 
}); 

Answer 2

GitHub पर this issue की बात कर रहा है, तो आप अपनी छवि को सीधे options.header में डाल सकते हैं, तो आप एक <div id="pageHeader"></div> अंदर शरीर में डाल दिया है:

var pdf = require('html-pdf'); 
var path = require('path'); 

// this is very important, you have to put file:// before your path 
// and normalize the resulting path 
var imgSrc = 'file://' + __dirname + '/350x120.png'; 
imgSrc = path.normalize(imgSrc); 
// or var imgSrc = path.join('file://', __dirname, '/350x120.png'); 

// Options 
var options = { 
    "header": { 
     "height": "45mm", 
     "contents": "" 
    }, 
    "footer": { 
     "height": "28mm", 
     "contents": "<span style='color: #444;'>{{page}}</span>/<span>{{pages}}</span>" 
    } 
    } 
// put your entire header here and the content of the page outside the <div id="pageHeader"></div> 
var result = "<div id='pageHeader'><img src='" + imgSrc + "' /><div style='text-align: center;'>Author: Marc Bachmann</div></div>"; 
result += "<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>"; 
var fileName = __dirname + '/test.pdf'; 
pdf.create(result, options).toFile(fileName, function(err, res) { 
    if (err) { 
    console.error(err); 
    } 
}); 

इस कोड के साथ, मैं इस पीडीएफ मिलती है: