Pokud jde o webové obrázky, PNG je oblíbeným formátem pro jeho podporu průhlednosti a široké kompatibility. Na druhou stranu je SVG oblíbený pro svou škálovatelnost, takže je ideální pro loga, ikony a další vektorovou grafiku. Navzdory mnoha výhodám SVG jsou chvíle, kdy je převod SVG na PNG nezbytný, zejména pro zajištění kompatibility napříč různými platformami a zařízeními. V tomto příspěvku na blogu vás provedeme procesem převodu grafiky SVG do formátu PNG pomocí Node.js.
Node.js API pro převod obrázků
GroupDocs poskytuje výkonné Conversion API, které umožňuje vývojářům převádět formáty obrázků a manipulovat s výslednými obrázky během procesu převodu. Rozhraní API podporuje širokou škálu pokročilých možností, takže je skvělou volbou pro převod SVG na PNG v Node.js. Pro tento úkol použijeme GroupDocs.Conversion for Node.js.
Chcete-li začít, můžete instalovat GroupDocs.Conversion for Node.js spuštěním následujícího příkazu ve svém projektu:
npm i @groupdocs/groupdocs.conversion
Další podrobnosti naleznete v dokumentaci a Odkaz na rozhraní API.
Převeďte obrázek SVG na PNG pomocí Node.js
Začněme převodem vektorové grafiky SVG do formátu PNG pomocí výchozího nastavení. Následující kroky popisují, jak převést obrázek SVG na PNG pomocí Node.js.
- Načtěte soubor SVG pomocí třídy Converter.
- Nastavte možnosti převodu.
- Zadejte výstupní formát jako PNG.
- Vyvolejte metodu convert() s připravenými možnostmi.
Zde je kód Node.js, který převádí SVG na PNG:
// Převeďte soubor SVG do formátu PNG pomocí rozhraní Node.js Conversion API s výchozími možnostmi
const converter = new groupdocs.conversion.Converter("path/vector-graphic.svg")
const convertOptions = new groupdocs.conversion.ImageConvertOptions()
convertOptions.setFormat(groupdocs.conversion.ImageFileType.Png)
converter.convert("path/converted-svg-to-png.png", convertOptions)
Pokročilá konverze SVG na PNG s Node.js
GroupDocs.Conversion for Node.js nabízí řadu možností přizpůsobení, které můžete použít na výstup PNG během procesu převodu. Mezi tyto možnosti patří:
- Nastavení jasu
- Nastavení kontrastu
- Gamma korekce
- Převod stupňů šedi
- Horizontální nebo vertikální překlopení
- Úhly rotace
- Vlastní rozměry obrázku (výška a šířka)
- Přidání vodoznaku
Pojďme se podívat na to, jak můžete tyto pokročilé možnosti použít během převodu SVG do PNG v Node.js.
- Načtěte soubor SVG pomocí třídy Converter.
- Nastavte možnosti převodu obrázků.
- Zadejte výstupní formát jako PNG.
- Definujte přizpůsobení, jako je jas, otočení nebo jakékoli jiné dostupné.
- Pro vygenerování PNG vyvolejte metodu convert().
Zde je kód Node.js, který používá některé z těchto pokročilých možností:
// Převeďte vektor SVG do formátu PNG pomocí Node.js pomocí různých přizpůsobení
const converter = new groupdocs.conversion.Converter("path/vector-graphic.svg")
const convertOptions = new groupdocs.conversion.ImageConvertOptions();
convertOptions.setFormat(groupdocs.conversion.ImageFileType.Png);
convertOptions.setFlipMode(groupdocs.conversion.ImageFlipModes.FlipY);
convertOptions.setBrightness(50);
convertOptions.setContrast(50);
convertOptions.setGamma(0.5);
convertOptions.setGrayscale(true);
convertOptions.setHorizontalResolution(300);
convertOptions.setVerticalResolution(100);
convertOptions.setPageNumber(1);
convertOptions.setPagesCount(2);
converter.convert("path/converted-svg-to-png.png", convertOptions)
Vyzkoušejte online převod SVG do PNG ZDARMA
Potřebujete rychlé a snadné řešení pro převod souborů SVG do PNG? Použijte tento bezplatný online konvertor SVG na PNG. Je přístupný z jakéhokoli zařízení s webovým prohlížečem, takže je pohodlný a bezproblémový.
Získejte bezplatnou licenci API
Můžete získat bezplatnou dočasnou licenci pro GroupDocs.Conversion, která vám umožní používat API bez omezení hodnocení.
Závěr
V tomto příspěvku jsme prozkoumali, jak převést vektorovou grafiku SVG na obrázky PNG pomocí Node.js s GroupDocs.Conversion for Node.js. Také jsme ukázali, jak můžete vylepšit proces převodu použitím přizpůsobení, jako je rotace, stupně šedi, vodoznak, úpravy jasu a další. Tyto pokročilé funkce vám umožní přizpůsobit výstup PNG vašim přesným požadavkům.
Další příklady najdete v GroupDocs GitHub repository, kde najdete různé ukázky kódu, které vám pomohou vytvořit si vlastní převodník SVG na PNG. Pokud máte nějaké dotazy, neváhejte nás kontaktovat prostřednictvím fóra.