নোড-এইচটিএমএল-টু-ইমেজ দিয়ে শুরু করা

নোড-এইচটিএমএল-টু-ইমেজ টি ইনস্টল করার সুপারিশ করার উপায় হল NPM ব্যবহার করা। একটি মসৃণ ইনস্টলেশনের জন্য অনুগ্রহ করে নিম্নলিখিত কমান্ডটি ব্যবহার করুন৷

npm install node-html-to-image

yarn add node-html-to-image

Node.js এর ভিতরে HTML কোড থেকে ইমেজ জেনারেশন

নোড-এইচটিএমএল-টু-ইমেজ লাইব্রেরির একটি প্রধান শক্তি হল এর সরলতা এবং সেইসাথে যেকোনো 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 সমর্থন

ওপেন সোর্স নোড-এইচটিএমএল-টু-ইমেজ মৌলিক HTML প্রক্রিয়াকরণের মধ্যে সীমাবদ্ধ নয়। এটি জাভাস্ক্রিপ্টের পাশাপাশি ব্যাপক CSS স্টাইলিং সহ জটিল HTML নথিগুলি পরিচালনা করতে পারে। আপনি ফ্লেক্সবক্স বা গ্রিডের মতো আধুনিক CSS বৈশিষ্ট্যগুলি ব্যবহার করছেন বা কাস্টম ফন্টগুলি এম্বেড করছেন না কেন, লাইব্রেরি আপনার সামগ্রীকে JPEG, PNG, WebP এবং আরও অনেকের মতো চিত্র ফাইল ফর্ম্যাটে সঠিকভাবে রেন্ডার করবে৷ এখানে একটি উদাহরণ রয়েছে যা দেখায় যে কীভাবে বিকাশকারীরা আরও জটিল এইচটিএমএল লেআউট থেকে একটি চিত্র তৈরি করতে পারে, যার মধ্যে ফ্লেক্সবক্স এবং কাস্টম রঙের শৈলী অন্তর্ভুক্ত রয়েছে, যার ফলে একটি ভাল-ডিজাইন করা ছবি হয়৷

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!'));

কাস্টমাইজযোগ্য আউটপুট ইমেজ ফরম্যাট

নোড-এইচটিএমএল-টু-ইমেজ লাইব্রেরি PNG, JPEG, এবং WebP সহ একাধিক আউটপুট ইমেজ ফরম্যাট সমর্থন করে। এই নমনীয়তা আপনাকে আপনার নির্দিষ্ট ব্যবহারের ক্ষেত্রে সর্বোত্তম বিন্যাস চয়ন করতে দেয়, তা ওয়েব পারফরম্যান্স বা চিত্রের গুণমানের জন্যই হোক না কেন। এখানে একটি উদাহরণ রয়েছে যা দেখায় যে কীভাবে ব্যবহারকারীরা একটি JPEG ইমেজ হিসাবে আউটপুট নির্দিষ্ট করতে পারে, যা এমন পরিস্থিতিতে উপযোগী হতে পারে যেখানে মানের সাথে খুব বেশি আপস না করে ফাইলের আকার ছোট করা প্রয়োজন৷

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

Node.js এ উন্নত চিত্র রেন্ডারিং সমর্থন

নোড-এইচটিএমএল-টু-ইমেজ লাইব্রেরি ব্যাপকভাবে রেন্ডারিং প্রক্রিয়া কাস্টমাইজ করার জন্য সম্পূর্ণ সমর্থন প্রদান করেছে। সফ্টওয়্যার বিকাশকারীরা রেন্ডার করার আগে ভিউপোর্টের আকার, ডিভাইস স্কেল ফ্যাক্টর এবং এমনকি কাস্টম সিএসএস এবং জাভাস্ক্রিপ্ট এইচটিএমএল ইনজেক্ট করতে পারে। নিম্নলিখিত উদাহরণটি দেখায় যে কীভাবে চিত্রটি 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!'));