Node-HTML-to-Image के साथ आरंभ करना

Node-HTML-to-Image को इंस्टॉल करने का अनुशंसित तरीका NPM का उपयोग करना है। कृपया सुचारू इंस्टॉलेशन के लिए निम्न कमांड का उपयोग करें।

npm install node-html-to-image

yarn add node-html-to-image

Node.js के अंदर HTML कोड से इमेज जनरेशन

Node-HTML-to-Image लाइब्रेरी की एक बड़ी खूबी इसकी सरलता है और साथ ही इसे किसी भी Node.js एप्लिकेशन के साथ आसानी से एकीकृत किया जा सकता है। कोड की कुछ ही पंक्तियों के साथ, सॉफ़्टवेयर डेवलपर अपने Node.js एप्लिकेशन के अंदर HTML सामग्री से इमेज जनरेट करना शुरू कर सकते हैं। उपयोग में यह आसानी इसे सभी कौशल स्तरों के डेवलपर्स के लिए सुलभ बनाती है। निम्नलिखित उदाहरण में, लाइब्रेरी एक साधारण HTML स्ट्रिंग लेती है और इसे PNG इमेज में बदल देती है। आउटपुट इमेज, image.png, रूट डायरेक्टरी में सहेजी जाती है।

const nodeHtmlToImage = require('node-html-to-image');

nodeHtmlToImage({
  output: './image.png',
  html: '
Hello, World!
'
})
  .then(() => console.log('Image created successfully!'));

जटिल HTML और CSS सहायता

ओपन सोर्स Node-HTML-to-Image केवल बुनियादी HTML प्रोसेसिंग तक सीमित नहीं है। यह जटिल HTML दस्तावेज़ों को व्यापक CSS स्टाइलिंग के साथ-साथ JavaScript के साथ संभाल सकता है। चाहे आप Flexbox या Grid जैसी आधुनिक CSS सुविधाओं का उपयोग कर रहे हों, या कस्टम फ़ॉन्ट एम्बेड कर रहे हों, लाइब्रेरी आपकी सामग्री को JPEG, PNG, WebP और कई अन्य जैसे छवि फ़ाइल स्वरूपों में सटीक रूप से प्रस्तुत करेगी। यहाँ एक उदाहरण दिया गया है जो दर्शाता है कि डेवलपर्स Flexbox और कस्टम रंगों के लिए शैलियों सहित अधिक जटिल HTML लेआउट से एक छवि कैसे उत्पन्न कर सकते हैं, जिसके परिणामस्वरूप एक अच्छी तरह से डिज़ाइन की गई छवि बनती है।

const nodeHtmlToImage = require('node-html-to-image');

const htmlContent = `

  
    

      

        
Welcome to My Website
        
Building the web, one pixel at a time.
      
    
  
`;

nodeHtmlToImage({
  output: './welcome-image.png',
  html: htmlContent
})
  .then(() => console.log('Complex layout image created successfully!'));

अनुकूलन योग्य आउटपुट छवि प्रारूप

Node-HTML-to-Image लाइब्रेरी PNG, JPEG और WebP सहित कई आउटपुट छवि प्रारूपों का समर्थन करती है। यह लचीलापन आपको अपने विशिष्ट उपयोग के मामले के लिए सबसे अच्छा प्रारूप चुनने की अनुमति देता है, चाहे वह वेब प्रदर्शन या छवि गुणवत्ता के लिए हो। यहाँ एक उदाहरण दिया गया है जो दिखाता है कि उपयोगकर्ता आउटपुट को JPEG छवि के रूप में कैसे निर्दिष्ट कर सकते हैं, जो उन परिदृश्यों के लिए उपयोगी हो सकता है जहाँ गुणवत्ता पर बहुत अधिक समझौता किए बिना फ़ाइल आकार को कम करने की आवश्यकता होती है।

nodeHtmlToImage({
  output: './output-image.jpg',
  html: '
JPEG Image Example
',
  type: 'jpeg'
})
  .then(() => console.log('JPEG image created successfully!'));

Node.js में उन्नत इमेज रेंडरिंग सहायता

Node-HTML-to-Image लाइब्रेरी ने रेंडरिंग प्रक्रिया को व्यापक रूप से अनुकूलित करने के लिए पूर्ण सहायता प्रदान की है। सॉफ़्टवेयर डेवलपर व्यूपोर्ट आकार, डिवाइस स्केल फ़ैक्टर को परिभाषित कर सकते हैं, और रेंडरिंग से पहले HTML में कस्टम CSS और JavaScript भी इंजेक्ट कर सकते हैं। निम्न उदाहरण दिखाता है कि छवि को 800x600 पिक्सेल के कस्टम व्यूपोर्ट आकार के साथ कैसे रेंडर किया जाता है, और गुणवत्ता को 100 पर सेट किया जाता है, जिससे उच्चतम संभव छवि गुणवत्ता सुनिश्चित होती है।

nodeHtmlToImage({
  output: './custom-image.png',
  html: '
Custom Viewport
',
  viewport: { width: 800, height: 600 },
  quality: 100
})
  .then(() => console.log('Image with custom viewport created successfully!'));