Kiedy mowa o obrazach w sieci, PNG jest formatem pierwszego wyboru ze względu na obsługę przezroczystości i szeroką kompatybilność. Z drugiej strony SVG jest ulubionym formatem ze względu na skalowalność, co czyni go idealnym dla logo, ikon i innych grafik wektorowych. Pomimo wielu zalet SVG, zdarzają się sytuacje, w których konieczna jest konwersja SVG do PNG, szczególnie aby zapewnić kompatybilność na różnych platformach i urządzeniach. W tym wpisie pokażemy, jak konwertować grafiki SVG do formatu PNG przy użyciu Node.js.

Convert SVG to PNG using Node.js (Grayscale, Rotate, Flip, Bright Watermark)

Node.js API do konwertowania obrazów

GroupDocs udostępnia potężne Conversion API, które umożliwia programistom konwersję formatów obrazów oraz manipulację wynikowymi obrazami w trakcie procesu konwersji. API obsługuje szeroką gamę zaawansowanych opcji, co czyni je doskonałym wyborem do konwersji SVG do PNG w Node.js. Do tego zadania użyjemy GroupDocs.Conversion for Node.js.

Aby rozpocząć, możesz zainstalować GroupDocs.Conversion for Node.js, uruchamiając następujące polecenie w swoim projekcie:

npm i @groupdocs/groupdocs.conversion

Po więcej szczegółów zajrzyj do dokumentacji oraz API Reference.

Konwertowanie obrazu SVG do PNG przy użyciu Node.js

Zacznijmy od konwersji wektorowych grafik SVG do formatu PNG przy użyciu ustawień domyślnych. Poniższe kroki opisują, jak przekonwertować obraz SVG na PNG w Node.js.

  • Wczytaj plik SVG przy użyciu klasy Converter.
  • Skonfiguruj opcje konwersji.
  • Określ format wyjściowy jako PNG.
  • Wywołaj metodę convert() z przygotowanymi opcjami.

Oto kod Node.js, który konwertuje SVG na PNG:

Zaawansowana konwersja SVG do PNG przy użyciu Node.js

GroupDocs.Conversion for Node.js oferuje wiele opcji dostosowywania, które możesz zastosować do wyjściowego pliku PNG w trakcie konwersji. Opcje te obejmują:

  • Regulację jasności
  • Regulację kontrastu
  • Korekcję gamma
  • Konwersję do odcieni szarości
  • Odwrócenie poziome lub pionowe
  • Kąty obrotu
  • Niestandardowe wymiary obrazu (wysokość i szerokość)
  • Dodanie znaku wodnego

Sprawdźmy, jak zastosować te zaawansowane opcje podczas konwersji SVG do PNG w Node.js.

  • Wczytaj plik SVG przy użyciu klasy Converter.
  • Skonfiguruj opcje konwersji obrazu.
  • Określ format wyjściowy jako PNG.
  • Zdefiniuj dostosowania, takie jak jasność, obrót czy inne dostępne opcje.
  • Wywołaj metodę convert(), aby wygenerować PNG.

Poniżej kod Node.js, który wykorzystuje niektóre z tych zaawansowanych opcji:

Wypróbuj konwersję SVG do PNG online za darmo

Potrzebujesz szybkiego i prostego rozwiązania do konwersji plików SVG na PNG? Skorzystaj z tego darmowego konwertera online SVG to PNG. Działa na dowolnym urządzeniu z przeglądarką internetową, co czyni go wygodnym i bezproblemowym.

Convert Word Document to PDF using Node.js.

Uzyskaj darmową licencję API

Możesz otrzymać darmową tymczasową licencję dla GroupDocs.Conversion, co pozwala korzystać z API bez ograniczeń oceny.

Wnioski

W tym wpisie przedstawiliśmy, jak konwertować wektorowe grafiki SVG na obrazy PNG przy użyciu Node.js oraz GroupDocs.Conversion for Node.js. Pokazaliśmy również, jak wzbogacić proces konwersji, stosując takie dostosowania jak obrót, odcienie szarości, znak wodny, regulację jasności i wiele innych. Te zaawansowane funkcje pozwalają dopasować wynikowy PNG dokładnie do Twoich wymagań.

Po więcej przykładów zajrzyj do repozytorium GroupDocs na GitHub, gdzie znajdziesz różne próbki kodu pomagające zbudować własny konwerter SVG do PNG. Jeśli masz pytania, skontaktuj się z nami na forum.

Zobacz także