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

Bezplatná knihovna Node.js pro vytváření obrázků z HTML

Pokročilá open source knihovna pro zpracování obrázků v Node.js umožňuje vývojářům softwaru generovat JPEG nebo PNG obrázky z HTML obsahu s podporou CSS a hromadnou generaci obrázků prostřednictvím bezplatného JS API.

Node-HTML-to-Image je open source gem pro softwarové vývojáře, kteří hledají jednoduché, ale výkonné řešení pro převod HTML obsahu na obrázky. Postaven na populární knihovně Puppeteer, která poskytuje vysoce úrovňové API pro ovládání bezhlavých prohlížečů Chrome, tento nástroj umožňuje vývojářům generovat obrázky z HTML šablon s minimálním úsilím a náklady. Knihovna obsahuje několik důležitých funkcí, které usnadňují softwarovým vývojářům vývojový proces, jako je převod surového HTML nebo předem navržených šablon, vytváření personalizovaných nebo datově řízených obrázků, podpora CSS stylování, podpora více formátů obrázků, hromadná generace obrázků, přizpůsobení možností vykreslování Puppeteer a mnoho dalších.

Knihovna Node-HTML-to-Image je modul Node.js, který bere HTML šablony a transformuje je na statické obrazové soubory. Knihovna je velmi užitečná při generování bannerů, obrázků citátů nebo propagačního obsahu dynamicky na základě uživatelských dat nebo předdefinovaných šablon. Navíc je také velmi užitečná pro export složitých datových vizualizací, grafů nebo tabulek jako statických obrázků pro zahrnutí do prezentací nebo zpráv. Vývojáři softwaru mohou vkládat vykreslené obrázky propagačního obsahu do e-mailů, aby zajistili kompatibilitu s e-mailovými klienty, které blokují HTML nebo CSS. S lehkým API a minimálními závislostmi je ideální pro aplikace, které potřebují dynamicky generovat vizuály. Prozkoumáním této knihovny a jejím začleněním do vašich projektů můžete odemknout nové úrovně efektivity a kreativity.

Previous Next

Začínáme s Node-HTML-to-Image

Doporučený způsob instalace knihovny Node-HTML-to-Image je pomocí NPM. Prosím, použijte následující příkaz pro hladkou instalaci.

Instalace knihovny Node-HTML-to-Image přes NPM


npm install node-html-to-image

Instalace knihovny Node-HTML-to-Image pomocí Yarn


yarn add node-html-to-image

Můžete si to také nainstalovat ručně; stáhněte si nejnovější verzi souborů přímo z GitHub repozitáře.

Generujte obrázek z HTML v Node.js

Generování obrázků z HTML šablon se stalo populárním přístupem v moderních aplikacích. Knihovna open source Node-HTML-to-Image usnadňuje softwarovým vývojářům převod surového HTML nebo předem navržených šablon na statické obrazové soubory s pouhými několika řádky kódu. Tato funkce eliminuje potřebu složitých knihoven pro grafickou manipulaci a poskytuje jednoduché rozhraní pro vytváření vizuálních výstupů. Zde je příklad, který ukazuje, jak mohou softwaroví vývojáři převést jednoduchý HTML řetězec na PNG obrázek v aplikacích node.js.

Jak převést HTML řetězec na obrázek PNG v aplikacích Node.js?

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

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

Dynamické vykreslování obsahu pomocí knihovny Node.js

Knihovna Node-HTML-to-Image umožňuje softwarovým vývojářům předávat proměnné do šablon, což umožňuje vytváření personalizovaných nebo datově řízených obrázků uvnitř aplikací Node.js. Tato funkce je obzvlášť užitečná pro aplikace jako certifikáty, personalizované zprávy nebo příspěvky na sociálních médiích. Následující příklad ukazuje, jak je proměnná {{name}} dynamicky nahrazena "Alice" před vykreslením obrázku uvnitř aplikací Node.js.

Jak dynamicky předávat proměnné do šablony a vykreslovat je do obrázku pomocí knihovny Node.js?

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

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

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

Generování obrázků v dávkách v Node.js

Generování více obrázků současně je snadné s open source knihovnou Node-HTML-to-Image. S pouhými několika řádky kódu může softwarový vývojář generovat více obrázků podle svých potřeb. Tato funkce je ideální pro hromadné úkoly, jako je vytváření série personalizovaných obrázků pro marketingovou kampaň. Následující příklad ukazuje, jak generovat více obrázků s malými změnami uvnitř obsahu. Zde každý prvek v poli obsahu generuje samostatný obrázek s odpovídajícími daty.

Jak generovat více obrázků z HTML obsahu uvnitř aplikací Node.js?

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

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