1. Məhsullar
  2.   HTML
  3.   Node.js
  4.   Node-HTML-to-Image
 
  

HTML-dən Şəkillər Yaratmaq Üçün Pulsuz Node.js Kitabxanası

İrəliləmiş Açıq Mənbə Node.js Şəkil Emalı Kitabxanası Proqram Tərtibatçılarına HTML Məzmunundan JPEG və ya PNG Şəkilləri CSS Dəstəyi ilə Yaratmağa və Pulsuz JS API vasitəsilə Kütləvi Şəkil Yaratmağa imkan verir.

Node-HTML-to-Image, HTML məzmununu şəkillərə çevirmək üçün sadə, lakin güclü bir həll axtaran proqram inkişaf etdiriciləri üçün açıq mənbə bir gemdir. Populyar Node.js kitabxanası olan Puppeteer-in üzərində qurulmuşdur, bu kitabxana başsız Chrome brauzerlərini idarə etmək üçün yüksək səviyyəli API təqdim edir. Bu alət, inkişaf etdiricilərə HTML şablonlarından minimal səylə və xərclə şəkillər yaratmağa imkan verir. Kitabxananın bir hissəsi olan bir neçə vacib xüsusiyyət proqram inkişaf etdiricilərini inkişaf prosesində rahatlaşdırır, məsələn, xam HTML və ya əvvəlcədən hazırlanmış şablonları çevirmək, fərdiləşdirilmiş və ya məlumat əsaslı şəkillərin yaradılması, CSS stil dəstəyi, bir neçə şəkil formatı dəstəyi, Toplu Şəkil Yaradılması, Puppeteer-in renderləmə seçimlərini fərdiləşdirmək və daha çox.

Node-HTML-to-Image kitabxanası, HTML şablonlarını alıb, onları statik şəkil fayllarına çevirən bir Node.js moduludur. Bu kitabxana, istifadəçi məlumatlarına və ya əvvəlcədən müəyyən edilmiş şablonlara əsaslanaraq bannerlər, sitat şəkilləri və ya reklam məzmununu dinamik şəkildə yaratmaqda çox faydalıdır. Bundan əlavə, təqdimatlarda və ya hesabatlarda daxil edilmək üçün mürəkkəb məlumat vizuallaşdırmalarını, qrafikləri və ya cədvəlləri statik şəkillər kimi ixrac etmək üçün də çox yararlıdır. Proqram təminatı inkişaf etdiriciləri, HTML və ya CSS-i bloklayan e-poçt müştəriləri ilə uyğunluğu təmin etmək üçün e-poçtlarda reklam məzmununun render edilmiş şəkillərini daxil edə bilərlər. Yüngül API və minimal asılılıqlarla, dinamik vizuallar yaratmaq lazım olan tətbiqlər üçün mükəmməldir. Bu kitabxananı araşdıraraq və layihələrinizə inteqrasiya edərək, səmərəlilik və yaradıcılıq baxımından yeni səviyyələrə açıq ola bilərsiniz.

Previous Next

Node-HTML-to-Image ilə Başlamaq

Node-HTML-to-Image kitabxanasını quraşdırmağın tövsiyə olunan yolu NPM-dən istifadə etməkdir. Zəhmət olmasa, problemsiz quraşdırma üçün aşağıdakı əmrdən istifadə edin.

NPM vasitəsilə Node-HTML-to-Image kitabxanasını quraşdırın


npm install node-html-to-image

Yarn vasitəsilə Node-HTML-to-Image Kitabxanasını Quraşdırın


yarn add node-html-to-image

Onu əl ilə də quraşdıra bilərsiniz; ən son buraxılış fayllarını birbaşa GitHub anbarından yükləyin.

Node.js-də HTML-dən Şəkil Yaratmaq

HTML şablonlarından şəkillər yaratmaq müasir tətbiqlərdə populyar bir yanaşma halına gəlib. Açıq mənbə Node-HTML-to-Image kitabxanası proqram inkişaf etdiricilərinin xam HTML və ya əvvəlcədən hazırlanmış şablonları yalnız bir neçə kod sətiri ilə statik şəkil fayllarına çevirməsini asanlaşdırır. Bu xüsusiyyət mürəkkəb qrafik manipulyasiya kitabxanalarına ehtiyacı aradan qaldırır və vizual çıxışlar istehsal etmək üçün sadə bir interfeys təqdim edir. Burada proqram inkişaf etdiricilərinin sadə bir HTML sətirini node.js tətbiqləri daxilində PNG şəklinə necə çevirə biləcəyini göstərən bir nümunə var.

Node.js Tətbiqlərində HTML Sətirini PNG Şəklinə Necə Çevirək?

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

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

Node.js Kitabı vasitəsilə Dinamik Məzmunun İcrası

Node-HTML-to-Image kitabxanası proqram inkişaf etdiricilərinə dəyişənləri şablonlara daxil etməyə imkan tanıyır, bu da Node.js tətbiqləri daxilində fərdiləşdirilmiş və ya məlumat əsaslı şəkillərin yaradılmasını təmin edir. Bu xüsusiyyət, sertifikatlar, fərdiləşdirilmiş hesabatlar və ya sosial media paylaşımları kimi tətbiqlər üçün xüsusilə faydalıdır. Aşağıdakı nümunə, {{name}} dəyişəninin "Alice" ilə dinamik olaraq necə əvəz olunduğunu göstərir, bu da Node.js tətbiqləri daxilində şəkil render edilməzdən əvvəl baş verir.

Node.js Kitabı vasitəsilə Şablona Dəyişənləri Dinamik Olarq Necə Keçirmək və Şəkil Halında Render Etmək?

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

nodeHtmlToImage({
  output: './personalized.png',
  html: `
    
      
        
Hello, {{name}}!

      
    
  `,
  content: { name: 'Alice' },
})
  .then(() => console.log('Personalized image created!'));

Node.js-də Kütləvi Şəkil Yaradılması

Node-HTML-to-Image açıq mənbə kitabxanası ilə eyni anda bir neçə şəkil yaratmaq asandır. Yalnız bir neçə kod sətiri ilə proqram təminatı inkişaf etdiricisi ehtiyaclarına uyğun bir neçə şəkil yarada bilər. Bu xüsusiyyət, marketinq kampaniyası üçün fərdiləşdirilmiş şəkillər seriyası yaratmaq kimi kütləvi tapşırıqlar üçün idealdır. Aşağıdakı nümunə, məzmun daxilində bir az dəyişikliklərlə bir neçə şəkil yaratmağı göstərir. Burada məzmun massivindəki hər bir element müvafiq məlumatlarla ayrı bir şəkil yaradır.

Node.js Tətbiqlərində HTML Məzmunundan Birdən Çox Şəkil Necə Yaratmaq Olar?

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

nodeHtmlToImage({
  html: `
Hello, {{name}}!
`,
  content: [
    { name: 'Alice' },
    { name: 'Bob' },
    { name: 'Charlie' },
  ],
})
  .then(() => console.log('Batch images created!'));
 Azəri