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

Nemokama Node.js biblioteka, skirta vaizdams kurti iš HTML

Išplėstinė atvirojo kodo Node.js vaizdų apdorojimo biblioteka leidžia programinės įrangos kūrėjams generuoti JPEG arba PNG vaizdus iš HTML turinio su CSS palaikymu ir masinę vaizdų generaciją per nemokamą JS API.

Node-HTML-to-Image yra atvirojo kodo įrankis programinės įrangos kūrėjams, ieškantiems paprasto, tačiau galingo sprendimo, kaip konvertuoti HTML turinį į vaizdus. Sukurtas ant Puppeteer, populiarios Node.js bibliotekos, kuri suteikia aukšto lygio API, skirtą valdyti be galvos Chrome naršykles, šis įrankis leidžia kūrėjams generuoti vaizdus iš HTML šablonų su minimaliomis pastangomis ir išlaidomis. Bibliotekoje yra keletas svarbių funkcijų, kurios palengvina programinės įrangos kūrėjams kūrimo procesą, tokių kaip žaliavinio HTML arba iš anksto sukurti šablonai, asmeninių arba duomenimis pagrįstų vaizdų kūrimas, CSS stiliaus palaikymas, kelių vaizdų formatų palaikymas, partijų vaizdų generavimas, Puppeteer atvaizdavimo parinkčių pritaikymas ir dar daugiau.

Node-HTML-to-Image biblioteka yra Node.js modulis, kuris ima HTML šablonus ir paverčia juos į statinius vaizdo failus. Ši biblioteka yra labai naudinga kuriant banerius, citatų vaizdus ar reklaminį turinį dinamiškai, remiantis vartotojo duomenimis arba iš anksto nustatytais šablonais. Be to, ji taip pat labai naudinga eksportuojant sudėtingas duomenų vizualizacijas, diagramas ar lenteles kaip statinius vaizdus, kad juos būtų galima įtraukti į pristatymus ar ataskaitas. Programinės įrangos kūrėjai gali įterpti sugeneruotus reklaminio turinio vaizdus į el. laiškus, kad užtikrintų suderinamumą su el. pašto klientais, kurie blokuoja HTML arba CSS. Su lengvu API ir minimaliais priklausomaisiais, ji puikiai tinka programoms, kurioms reikia dinamiškai generuoti vizualizacijas. Tyrinėdami šią biblioteką ir integruodami ją į savo projektus, galite atverti naujas efektyvumo ir kūrybiškumo lygius.

Previous Next

Pradžia su Node-HTML-to-Image

Rekomenduojamas Node-HTML-to-Image bibliotekos diegimo būdas yra naudojant NPM. Prašome naudoti šią komandą sklandžiam diegimui.

Įdiekite Node-HTML-to-Image biblioteką per NPM


npm install node-html-to-image

Įdiekite Node-HTML-to-Image biblioteką per Yarn


yarn add node-html-to-image

Taip pat galite jį įdiegti rankiniu būdu; atsisiųskite naujausius leidimo failus tiesiai iš GitHub saugyklos.

Generuoti vaizdą iš HTML Node.js

Generuoti vaizdus iš HTML šablonų tapo populiariu metodu šiuolaikinėse programose. Atvirojo kodo Node-HTML-to-Image biblioteka leidžia programinės įrangos kūrėjams lengvai konvertuoti žalią HTML arba iš anksto sukurtus šablonus į statinius vaizdo failus vos keliais kodo eilutėmis. Ši funkcija pašalina sudėtingų grafinių manipuliavimo bibliotekų poreikį ir suteikia paprastą sąsają vizualiniams rezultatams gauti. Štai pavyzdys, kuris rodo, kaip programinės įrangos kūrėjai gali konvertuoti paprastą HTML eilutę į PNG vaizdą node.js programose.

Kaip konvertuoti HTML eilutę į PNG vaizdą Node.js programose?

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

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

Dinaminio turinio atvaizdavimas naudojant Node.js biblioteką

Node-HTML-to-Image biblioteka leidžia programinės įrangos kūrėjams perduoti kintamuosius į šablonus, leidžiant kurti suasmenintas arba duomenimis pagrįstas nuotraukas Node.js programose. Ši funkcija ypač naudinga tokioms programoms kaip sertifikatai, suasmeninti ataskaitos ar socialinių tinklų įrašai. Žemiau pateiktame pavyzdyje parodoma, kaip kintamasis {{name}} dinamiškai pakeičiamas į "Alice" prieš renderinant nuotrauką Node.js programose.

Kaip dinamiškai perduoti kintamuosius į šabloną ir renderinti į vaizdą naudojant Node.js biblioteką?

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

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

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

Partijų vaizdų generavimas Node.js

Generuoti kelias nuotraukas vienu metu yra lengva naudojant atvirojo kodo Node-HTML-to-Image biblioteką. Su vos keliomis kodo eilutėmis programinės įrangos kūrėjas gali generuoti kelias nuotraukas pagal savo poreikius. Ši funkcija idealiai tinka masinėms užduotims, tokioms kaip asmeninių nuotraukų serijos kūrimas rinkodaros kampanijai. Šis pavyzdys rodo, kaip generuoti kelias nuotraukas su nedideliais turinio pakeitimais. Čia kiekvienas elementas turinio masyve generuoja atskirą nuotrauką su atitinkamais duomenimis.

Kaip generuoti kelis vaizdus iš HTML turinio Node.js programose?

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

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