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

Zdarma Node.js Imaging API pro převod HTML na obrázek

OKnihovna pro zpracování obrázků Node.js, která plně podporuje načítání a konverzi obrázků, mohou vývojáři převádět obsah HTML na obrázky (JPEG, PNG, GIF) v aplikacích Node.js.

V rychle se měnícím světě vývoje webu otevírá možnost převádět HTML na obrázky svět kreativních možností. Ať už jde o generování grafiky na sociálních sítích, vytváření vizuálních sestav nebo navrhování vlastního obsahu pro e-maily, převod HTML na obrázky může zefektivnit mnoho procesů. Knihovna Node-HTML-to-Image je nástroj s otevřeným zdrojovým kódem, který umožňuje vývojářům právě toto a poskytuje přímý způsob generování obrázků z HTML pomocí Node.js. Softwaroví vývojáři mohou vytvářet úžasné vizuály, generovat miniatury a dokonce automatizovat úlohy, které vyžadují generování obrázků. Součástí knihovny je několik důležitých funkcí, jako je nové generování obrázků, načítání HTML z externího zdroje a jeho převod na obrázek, přidávání vlastních CSS a JavaScript, generování více obrázků najednou a tak dále.

Knihovna Node-HTML-to-Image se neuvěřitelně snadno používá a umožňuje vývojářům softwaru načítat a převádět HTML řetězce nebo soubory na vysoce kvalitní obrázky pomocí pouhých několika řádků kódu. Tato knihovna, kterou vyvinula Frinyvonnick, využívá sílu Headless Chromium prostřednictvím knihovny Puppeteer k vykreslování HTML a CSS do obrázků PNG, JPEG nebo dokonce WebP. To umožňuje vývojářům vytvářet obrázky, které zachycují plnou vizuální složitost HTML, včetně podpory moderních CSS, písem a dokonce i provádění JavaScriptu. Výstup můžete přizpůsobit zadáním voleb, jako je kvalita obrazu, šířka a výška. Kromě toho mohou uživatelé extrahovat obrázky z webových stránek, což jim umožňuje vytvářet výkonné aplikace pro škrabání webu. Díky její flexibilitě, přizpůsobitelnosti a snadnému použití není divu, proč se vývojáři hrnou do této knihovny.

Previous Next

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

Doporučený způsob instalace Node-HTML-to-Image je pomocí NPM. Pro bezproblémovou instalaci použijte prosím následující příkaz.

Instalace Node-HTML-to-Image prostřednictvím NPM

npm install node-html-to-image

Install Node-HTML-to-Image via Yarn

yarn add node-html-to-image

Generování obrázků z HTML kódu v Node.js

Jednou z hlavních předností knihovny Node-HTML-to-Image je její jednoduchost a také ji lze snadno integrovat s jakoukoli aplikací Node.js. S několika řádky kódu mohou vývojáři softwaru začít generovat obrázky z obsahu HTML ve svých vlastních aplikacích Node.js. Tato snadnost použití jej zpřístupňuje vývojářům všech úrovní dovedností. V následujícím příkladu knihovna vezme jednoduchý řetězec HTML a převede jej na obrázek PNG. Výstupní obrázek, image.png, je uložen v kořenovém adresáři.

Jak vygenerovat obrázek PNG z HTML v aplikacích Node.js?

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

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

Komplexní podpora HTML a CSS

Open source Node-HTML-to-Image není omezen na základní zpracování HTML. Dokáže si poradit se složitými HTML dokumenty s rozsáhlými styly CSS a také s JavaScriptem. Ať už používáte moderní funkce CSS, jako je Flexbox nebo Grid, nebo vkládáte vlastní písma, knihovna přesně vykreslí váš obsah do formátů obrázkových souborů, jako jsou JPEG, PNG, WebP a mnoho dalších. Zde je příklad, který ukazuje, jak mohou vývojáři generovat obrázek ze složitějšího rozvržení HTML, včetně stylů pro Flexbox a vlastních barev, což vede k dobře navrženému obrázku.

Jak vygenerovat obrázek ze složitějšího kódu HTML v aplikacích Node.js?

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

Přizpůsobitelné výstupní formáty obrázků

Knihovna Node-HTML-to-Image podporuje více výstupních obrazových formátů, včetně PNG, JPEG a WebP. Tato flexibilita vám umožňuje vybrat si nejlepší formát pro váš konkrétní případ použití, ať už jde o webový výkon nebo kvalitu obrazu. Zde je příklad, který ukazuje, jak mohou uživatelé specifikovat výstup jako obrázek JPEG, což může být užitečné v situacích, kdy je třeba minimalizovat velikost souboru, aniž by došlo k přílišnému snížení kvality.

Jak určit výstupní formát obrázku do JPEG při převodu HTML na obrázek v Node.js?

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

Pokročilá podpora vykreslování obrázků v Node.js

Knihovna Node-HTML-to-Image poskytla kompletní podporu pro rozsáhlé přizpůsobení procesu vykreslování. Vývojáři softwaru mohou definovat velikost výřezu, faktor měřítka zařízení a dokonce vložit vlastní CSS a JavaScript do HTML před vykreslením. Následující příklad ukazuje, jak je obrázek vykreslen s vlastní velikostí výřezu 800 x 600 pixelů a kvalita je nastavena na 100, což zajišťuje nejvyšší možnou kvalitu obrázku.

Jak vykreslovat obrázky s vlastní velikostí a kvalitou výřezu v aplikacích Node.js?

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