Когда дело доходит до веб-изображений, PNG является популярным форматом из-за его поддержки прозрачности и широкой совместимости. С другой стороны, SVG является фаворитом из-за своей масштабируемости, что делает его идеальным для логотипов, иконок и другой векторной графики. Несмотря на многочисленные преимущества SVG, бывают случаи, когда преобразование SVG в PNG необходимо, особенно для обеспечения совместимости на разных платформах и устройствах. В этой записи блога мы проведем вас через процесс преобразования графики SVG в формат PNG с помощью Node.js.

Конвертировать SVG в PNG с помощью Node.js (оттенки серого, поворот, отражение, яркий водяной знак)

API Node.js для преобразования изображений

GroupDocs предоставляет мощный API преобразования, который позволяет разработчикам преобразовывать форматы изображений и манипулировать полученными изображениями в процессе преобразования. API поддерживает широкий спектр расширенных опций, что делает его отличным выбором для преобразования SVG в PNG в Node.js. Для этой задачи мы будем использовать GroupDocs.Conversion for Node.js.

Чтобы начать работу, вы можете установить GroupDocs.Conversion for Node.js, выполнив следующую команду в своем проекте:

npm i @groupdocs/groupdocs.conversion

Более подробную информацию можно найти в документации и справочнике API.

Конвертируйте SVG в изображение PNG с помощью Node.js

Давайте начнем с преобразования векторной графики SVG в формат PNG с использованием настроек по умолчанию. Следующие шаги описывают, как преобразовать изображение SVG в PNG с помощью Node.js.

  • Загрузите файл SVG с помощью класса Converter.
  • Настройте параметры конвертации.
  • Укажите выходной формат PNG.
  • Вызовите метод convert() с подготовленными параметрами.

Вот код Node.js, который преобразует SVG в PNG:

// Конвертируйте файл SVG в формат PNG с помощью API конвертации Node.js с параметрами по умолчанию
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)

Расширенное преобразование SVG в PNG с помощью Node.js

GroupDocs.Conversion for Node.js предлагает множество вариантов настройки, которые можно применить к выходным данным PNG во время процесса конвертации. Эти варианты включают:

  • Регулировка яркости
  • Регулировка контрастности
  • Гамма-коррекция
  • Преобразование оттенков серого
  • Горизонтальное или вертикальное отражение
  • Углы поворота
  • Пользовательские размеры изображения (высота и ширина)
  • Добавление водяного знака

Давайте рассмотрим, как можно применить эти расширенные параметры при конвертации SVG в PNG в Node.js.

  • Загрузите файл SVG с помощью класса Converter.
  • Настройте параметры преобразования изображений.
  • Укажите выходной формат PNG.
  • Определите настройки, такие как яркость, поворот или любые другие доступные параметры.
  • Вызовите метод convert() для генерации PNG.

Вот код Node.js, который применяет некоторые из этих расширенных параметров:

// Конвертируйте вектор SVG в формат PNG с помощью Node.js, используя различные настройки

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)

Попробуйте конвертацию SVG в PNG онлайн БЕСПЛАТНО

Нужно быстрое и простое решение для конвертации файлов SVG в PNG? Используйте этот бесплатный онлайн-конвертер SVG в PNG. Он доступен с любого устройства с веб-браузером, что делает его удобным и беспроблемным.

Конвертируйте документ Word в PDF с помощью Node.js.

Получите бесплатную лицензию API

Вы можете получить бесплатную временную лицензию для GroupDocs.Conversion, что позволит вам использовать API без ограничений на оценку.

Заключение

В этой статье мы рассмотрели, как преобразовать векторную графику SVG в изображения PNG с помощью Node.js с GroupDocs.Conversion for Node.js. Мы также показали, как можно улучшить процесс преобразования, применив такие настройки, как поворот, оттенки серого, водяные знаки, регулировка яркости и многое другое. Эти расширенные функции позволяют вам адаптировать вывод PNG к вашим точным требованиям.

Для получения дополнительных примеров посетите репозиторий GroupDocs GitHub, где вы можете найти различные примеры кода, которые помогут вам создать собственный конвертер SVG в PNG. Если у вас есть какие-либо вопросы, не стесняйтесь обращаться к нам через форум.

Смотрите также