Jeśli chodzi o obrazy internetowe, PNG jest formatem docelowym ze względu na obsługę przezroczystości i szeroką kompatybilność. Z drugiej strony SVG jest ulubionym formatem ze względu na swoją skalowalność, co czyni go idealnym do logo, ikon i innych grafik wektorowych. Pomimo wielu zalet SVG, zdarzają się sytuacje, gdy konwersja SVG do PNG jest konieczna, szczególnie w celu zapewnienia kompatybilności na różnych platformach i urządzeniach. W tym wpisie na blogu przeprowadzimy Cię przez proces konwersji grafiki SVG do formatu PNG przy użyciu Node.js.
Node.js API do konwersji obrazów
GroupDocs udostępnia potężne Conversion API, które umożliwia programistom konwersję formatów obrazów i manipulowanie wynikającymi z nich obrazami podczas procesu konwersji. API obsługuje szeroki zakres 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
Aby uzyskać więcej szczegółów, zapoznaj się z dokumentacją i Dokumentacją API.
Konwertuj obraz SVG na PNG za pomocą Node.js
Zacznijmy od konwersji grafiki wektorowej SVG do formatu PNG przy użyciu domyślnych ustawień. Poniższe kroki opisują, jak przekonwertować obraz SVG do PNG przy użyciu Node.js.
- Załaduj 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 do PNG:
// Konwertuj plik SVG do formatu PNG za pomocą interfejsu API konwersji Node.js z domyślnymi opcjami
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)
Zaawansowana konwersja SVG do PNG z Node.js
GroupDocs.Conversion for Node.js oferuje szereg opcji dostosowywania, które można zastosować do wyjścia PNG podczas procesu konwersji. Opcje te obejmują:
- Regulacja jasności
- Regulacja kontrastu
- Korekcja gamma
- Konwersja skali szarości
- Obrót poziomy lub pionowy
- Kąty obrotu
- Niestandardowe wymiary obrazu (wysokość i szerokość)
- Dodanie znaku wodnego
Przyjrzyjmy się, jak można zastosować te zaawansowane opcje podczas konwersji SVG do PNG w Node.js.
- Załaduj plik SVG przy użyciu klasy Converter.
- Skonfiguruj opcje konwersji obrazu.
- Określ format wyjściowy jako PNG.
- Zdefiniuj ustawienia niestandardowe, takie jak jasność, obrót lub inne dostępne opcje.
- Wywołaj metodę convert(), aby wygenerować PNG.
Oto kod Node.js, który stosuje niektóre z tych zaawansowanych opcji:
// Konwertuj wektor SVG do formatu PNG za pomocą Node.js, korzystając z różnych dostosowań
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)
Wypróbuj konwersję SVG do PNG online ZA DARMO
Potrzebujesz szybkiego i łatwego rozwiązania do konwersji plików SVG do PNG? Skorzystaj z tego darmowego internetowego konwertera SVG do PNG. Jest on dostępny z dowolnego urządzenia z przeglądarką internetową, co czyni go wygodnym i bezproblemowym.
Uzyskaj bezpłatną licencję API
Możesz uzyskać bezpłatną tymczasową licencję dla GroupDocs.Conversion, która umożliwi Ci korzystanie z interfejsu API bez ograniczeń dotyczących oceny.
Wniosek
W tym poście przyjrzeliśmy się sposobowi konwersji grafiki wektorowej SVG na obrazy PNG przy użyciu Node.js z GroupDocs.Conversion for Node.js. Pokazaliśmy również, jak można usprawnić proces konwersji, stosując dostosowania, takie jak obrót, skala szarości, znak wodny, regulacja jasności i inne. Te zaawansowane funkcje pozwalają dostosować wyjście PNG do dokładnych wymagań.
Więcej przykładów znajdziesz w repozytorium GroupDocs GitHub, gdzie znajdziesz różne przykłady kodu, które pomogą Ci zbudować własny konwerter SVG do PNG. Jeśli masz jakieś pytania, skontaktuj się z nami za pośrednictwem forum.