Що стосується веб-зображень, формат PNG є популярним через підтримку прозорості та широку сумісність. З іншого боку, SVG є фаворитом за його масштабованість, що робить його ідеальним для логотипів, значків та іншої векторної графіки. Незважаючи на численні переваги SVG, іноді потрібно конвертувати SVG у PNG, особливо для забезпечення сумісності з різними платформами та пристроями. У цій публікації блогу ми проведемо вас через процес перетворення графіки SVG у формат PNG за допомогою Node.js.

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

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

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. Якщо у вас виникли запитання, зв`яжіться з нами через форум.

Дивіться також