HTML-ni Şəkilə çevirmək üçün pulsuz Node.js Imaging API
Açıq Mənbəli Node.js Şəkil Emalı Kitabxanası Şəklin Yüklənməsini və Çevrilməsini Tam Dəstəkləyən Tərtibatçılar Node.js Tətbiqlərində HTML Məzmunu Şəkillərə (JPEG, PNG, GIF) çevirə bilərlər.
Veb inkişafının sürətlə dəyişən dünyasında HTML-i şəkillərə çevirmək bacarığı yaradıcı imkanlar dünyasını açır. İstər sosial media qrafikasının yaradılması, istər vizual hesabatların yaradılması, istərsə də e-poçtlar üçün fərdi məzmunun dizaynı, HTML-nin şəkillərə çevrilməsi bir çox prosesi asanlaşdıra bilər. Node-HTML-to-Image kitabxanası tərtibatçılara bunu etməyə imkan verən açıq mənbəli alətdir və Node.js-dən istifadə edərək HTML-dən şəkillər yaratmağın sadə yolunu təmin edir. Proqram Tərtibatçıları heyrətamiz vizuallar yarada, miniatürlər yarada və hətta təsvirin yaradılmasını tələb edən tapşırıqları avtomatlaşdıra bilərlər. Kitabxananın bir neçə mühüm funksiyası var, məsələn, yeni şəkil yaratmaq, HTML-ni xarici mənbədən yükləmək və onu şəkilə çevirmək, xüsusi CSS və JavaScript əlavə etmək, eyni anda birdən çox şəkil yaratmaq və s.
Node-HTML-to-Image kitabxanasından istifadə etmək inanılmaz dərəcədə asandır və o, proqram tərtibatçılarına HTML sətirlərini və ya fayllarını yalnız bir neçə sətir kodla yükləməyə və yüksək keyfiyyətli şəkillərə çevirməyə imkan verir. Frinyvonnick tərəfindən hazırlanmış bu kitabxana HTML və CSS-i PNG, JPEG və ya hətta WebP şəkillərinə çevirmək üçün Puppeteer kitabxanası vasitəsilə Headless Chromium-un gücündən istifadə edir. Bu, tərtibatçılara müasir CSS, şriftlər və hətta JavaScript icrası üçün dəstək də daxil olmaqla HTML-in tam vizual mürəkkəbliyini əks etdirən şəkillər yaratmağa imkan verir. Şəkil keyfiyyəti, genişlik və hündürlük kimi seçimləri göstərərək çıxışı fərdiləşdirə bilərsiniz. Üstəlik, istifadəçilər veb səhifələrdən şəkillər çıxara bilər ki, bu da onlara güclü veb kazıma tətbiqləri yaratmağa imkan verir. Çevikliyi, fərdiləşdirilməsi və istifadəsi asanlığı ilə tərtibatçıların niyə bu kitabxanaya axışması təəccüblü deyil.
Node-HTML-to-Image ilə işə başlamaq
Node-HTML-to-Image t quraşdırmanın tövsiyə olunan yolu NPM-dən istifadə etməkdir. Rahat quraşdırma üçün aşağıdakı əmrdən istifadə edin.
NPM vasitəsilə Node-HTML-to-Image quraşdırın
npm install node-html-to-image
Install Node-HTML-to-Image via Yarn
yarn add node-html-to-image
Node.js daxilində HTML Kodundan Şəkil Yaradılması
Node-HTML-to-Image kitabxanasının əsas güclü tərəflərindən biri onun sadəliyi və eləcə də istənilən Node.js tətbiqi ilə asanlıqla inteqrasiya oluna bilməsidir. Yalnız bir neçə sətir kodla proqram tərtibatçıları öz Node.js proqramlarında HTML məzmunundan şəkillər yaratmağa başlaya bilərlər. Bu istifadə rahatlığı onu bütün bacarıq səviyyələrində olan tərtibatçılar üçün əlçatan edir. Aşağıdakı nümunədə kitabxana sadə HTML sətrini götürür və onu PNG şəklinə çevirir. Çıxış şəkli, image.png, kök kataloqda saxlanılır.
Node.js Tətbiqləri daxilində HTML-dən PNG şəklini necə yaratmaq olar?
const nodeHtmlToImage = require('node-html-to-image');
nodeHtmlToImage({
output: './image.png',
html: 'Hello, World!
'
})
.then(() => console.log('Image created successfully!'));
Kompleks HTML və CSS Dəstəyi
Açıq mənbəli Node-HTML-to-Image əsas HTML emalı ilə məhdudlaşmır. O, geniş CSS üslubu və JavaScript ilə mürəkkəb HTML sənədlərini idarə edə bilər. Flexbox və ya Grid kimi müasir CSS xüsusiyyətlərindən istifadə etməyinizdən və ya fərdi şriftləri yerləşdirməyinizdən asılı olmayaraq, kitabxana məzmununuzu JPEG, PNG, WebP və daha çox kimi şəkil faylı formatlarında dəqiq şəkildə göstərəcək. Tərtibatçıların Flexbox üçün üslublar və fərdi rənglər daxil olmaqla daha mürəkkəb HTML düzənindən necə şəkil yarada biləcəyini və nəticədə yaxşı dizayn edilmiş təsviri nümayiş etdirən nümunədir.
Node.js Tətbiqlərində Daha Mürəkkəb HTML Kodundan Şəkili Necə Yaratmaq olar?
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!'));
Fərdiləşdirilə bilən Çıxış Şəkil Formatları
Node-HTML-to-Image kitabxanası PNG, JPEG və WebP daxil olmaqla çoxsaylı çıxış təsvir formatlarını dəstəkləyir. Bu çeviklik sizə xüsusi istifadə vəziyyətiniz üçün ən yaxşı formatı seçməyə imkan verir, istər veb performansı, istərsə də şəkil keyfiyyəti. Burada istifadəçilərin çıxışı JPEG şəkli kimi necə təyin edə biləcəyini göstərən bir nümunə verilmişdir, bu, keyfiyyətdən çox ödün vermədən fayl ölçüsünün minimuma endirilməli olduğu ssenarilər üçün faydalı ola bilər.
Node.js-də HTML-dən Şəkilə Dönüşüm zamanı Çıxış Şəkil Formatını JPEG-ə Necə Belirtmək olar?
nodeHtmlToImage({
output: './output-image.jpg',
html: 'JPEG Image Example
',
type: 'jpeg'
})
.then(() => console.log('JPEG image created successfully!'));
Node.js-də Qabaqcıl Şəkil Göstərilməsi Dəstəyi
Node-HTML-to-Image kitabxanası göstərmə prosesini geniş şəkildə fərdiləşdirmək üçün tam dəstək göstərmişdir. Proqram tərtibatçıları görüntü sahəsinin ölçüsünü, cihaz miqyası faktorunu təyin edə və hətta göstərmədən əvvəl HTML-yə xüsusi CSS və JavaScript daxil edə bilərlər. Aşağıdakı nümunə görüntünün 800x600 piksel xüsusi baxış pəncərəsi ölçüsü ilə necə göstərildiyini və keyfiyyətin mümkün olan ən yüksək görüntü keyfiyyətini təmin edərək 100-ə təyin edildiyini göstərir.
Node.js Tətbiqlərində Fərdi Görünüş Ölçüsü və Keyfiyyəti ilə Şəkilləri Necə Vermək olar?
nodeHtmlToImage({
output: './custom-image.png',
html: 'Custom Viewport
',
viewport: { width: 800, height: 600 },
quality: 100
})
.then(() => console.log('Image with custom viewport created successfully!'));