1. Produktai
  2.   Vaizdas
  3.   Node.js
  4.   Node-HTML-to-Image
 
  

Nemokama Node.js vaizdo gavimo API, skirta konvertuoti HTML į vaizdą

Atvirojo kodo Node.js vaizdų apdorojimo biblioteka, visiškai palaikanti vaizdų įkėlimą ir konvertavimą, kūrėjai gali konvertuoti HTML turinį į vaizdus (JPEG, PNG, GIF) Node.js programose.

Sparčiai besikeičiančiame žiniatinklio kūrimo pasaulyje galimybė konvertuoti HTML į vaizdus atveria kūrybinių galimybių pasaulį. Nesvarbu, ar tai būtų socialinės žiniasklaidos grafikos generavimas, vaizdinių ataskaitų kūrimas ar tinkinto turinio kūrimas el. laiškams, HTML konvertavimas į vaizdus gali supaprastinti daugelį procesų. „Node-HTML-to-Image“ biblioteka yra atvirojo kodo įrankis, leidžiantis kūrėjams tai padaryti, nes yra paprastas būdas generuoti vaizdus iš HTML naudojant Node.js. Programinės įrangos kūrėjai gali sukurti stulbinančius vaizdus, ​​generuoti miniatiūras ir netgi automatizuoti užduotis, kurioms reikia vaizdų generavimo. Yra keletas svarbių bibliotekos funkcijų, tokių kaip naujo vaizdo generavimas, HTML įkėlimas iš išorinio šaltinio ir konvertavimas į vaizdą, tinkinto CSS ir JavaScript pridėjimas, kelių vaizdų generavimas vienu metu ir pan.

Biblioteka „Node-HTML-to-Image“ yra neįtikėtinai paprasta naudoti ir leidžia programinės įrangos kūrėjams įkelti ir konvertuoti HTML eilutes arba failus į aukštos kokybės vaizdus naudojant tik kelias kodo eilutes. Ši biblioteka, kurią sukūrė Frinyvonnick, išnaudoja Headless Chromium galią per Puppeteer biblioteką, kad HTML ir CSS būtų pateiktas PNG, JPEG ar net WebP vaizdais. Tai leidžia kūrėjams kurti vaizdus, ​​​​užfiksuojančius visą vizualinį HTML sudėtingumą, įskaitant šiuolaikinio CSS, šriftų ir net „JavaScript“ vykdymo palaikymą. Galite tinkinti išvestį nurodydami tokias parinktis kaip vaizdo kokybė, plotis ir aukštis. Be to, vartotojai gali iš tinklalapių išgauti vaizdus, ​​​​leisdami sukurti galingas žiniatinklio grandymo programas. Dėl savo lankstumo, pritaikymo ir naudojimo paprastumo, nenuostabu, kodėl kūrėjai plūsta į šią biblioteką.

Previous Next

Nuode-HTML-to-Image darbo pradžia

Rekomenduojamas būdas įdiegti „Node-HTML-to-Image“ yra naudoti NPM. Norėdami sklandžiai įdiegti, naudokite šią komandą.

Įdiegti „Node-HTML-to-Image“ per NPM

npm install node-html-to-image

Įdiegti „Node-HTML-to-Image“ per verpalą

yarn add node-html-to-image

Vaizdo generavimas iš HTML kodo, esančio Node.js

Vienas iš pagrindinių Node-HTML-to-Image bibliotekos privalumų yra jos paprastumas, be to, ją galima lengvai integruoti su bet kuria Node.js programa. Turėdami vos kelias kodo eilutes, programinės įrangos kūrėjai gali pradėti kurti vaizdus iš HTML turinio savo Node.js programose. Dėl tokio naudojimo paprastumo jis prieinamas visų lygių kūrėjams. Šiame pavyzdyje biblioteka paima paprastą HTML eilutę ir konvertuoja ją į PNG vaizdą. Išvesties vaizdas image.png išsaugomas šakniniame kataloge.

Kaip sugeneruoti PNG vaizdą iš HTML Node.js programose?

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

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

Sudėtingas HTML ir CSS palaikymas

Atvirojo kodo „Node-HTML-to-Image“ funkcija neapsiriboja paprastu HTML apdorojimu. Jis gali tvarkyti sudėtingus HTML dokumentus su plačiu CSS stiliumi ir JavaScript. Nesvarbu, ar naudojate modernias CSS funkcijas, pvz., „Flexbox“ ar „Grid“, ar įterpiate pasirinktinius šriftus, biblioteka tiksliai pateiks jūsų turinį į vaizdo failų formatus, tokius kaip JPEG, PNG, WebP ir daugelis kitų. Štai pavyzdys, rodantis, kaip kūrėjai gali sugeneruoti vaizdą iš sudėtingesnio HTML išdėstymo, įskaitant „Flexbox“ stilius ir tinkintas spalvas, todėl gaunamas gerai suprojektuotas vaizdas.

Kaip sugeneruoti vaizdą iš sudėtingesnio HTML kodo Node.js programose?

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

Tinkinami išvesties vaizdo formatai

Biblioteka „Node-HTML-to-Image“ palaiko kelis išvesties vaizdo formatus, įskaitant PNG, JPEG ir WebP. Šis lankstumas leidžia pasirinkti geriausią formatą jūsų konkrečiam naudojimo atvejui, nesvarbu, ar tai būtų žiniatinklio našumas, ar vaizdo kokybė. Pateikiame pavyzdį, kuriame parodyta, kaip naudotojai gali nurodyti išvestį kaip JPEG vaizdą, o tai gali būti naudinga tais atvejais, kai reikia sumažinti failo dydį per daug nepakenkiant kokybei.

Kaip nurodyti išvesties vaizdo formatą į JPEG, o HTML konvertuojant į vaizdą Node.js?

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

Išplėstinis vaizdo atvaizdavimo palaikymas naudojant Node.js

Biblioteka „Node-HTML-to-Image“ suteikė visišką palaikymą, kad būtų galima plačiai tinkinti atvaizdavimo procesą. Programinės įrangos kūrėjai gali apibrėžti peržiūros srities dydį, įrenginio mastelio veiksnį ir netgi įterpti tinkintą CSS ir JavaScript į HTML prieš pateikiant. Toliau pateiktame pavyzdyje parodyta, kaip vaizdas atvaizduojamas naudojant tinkintą 800 x 600 pikselių peržiūros sritį, o kokybė nustatyta į 100, užtikrinant aukščiausią įmanomą vaizdo kokybę.

Kaip pateikti vaizdus naudojant tinkintą peržiūros srities dydį ir kokybę Node.js programose?

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