Как преобразовать SVG в PNG онлайн в Node.js

Как конвертировать SVG в PNG онлайн в Node.js

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

В этой статье должны быть раскрыты следующие темы:

Преобразование SVG в PNG API и Node.js SDK

В этой статье мы будем использовать Node.js SDK of GroupDocs.Conversion Cloud мощную библиотеку для преобразования SVG в формат PNG в приложении Nodejs. Этот API позволяет конвертировать ваши документы в любой нужный вам формат. Он поддерживает преобразование для более чем 50 типов документов и изображений, таких как PDF, HTML, Word, Excel, PowerPoint, JPG, PNG, GIF, CAD и т. д. Он также предоставляет .NET, Java, PHP, Ruby , Android и Python SDK в качестве членов семейства преобразования документов для Cloud API.

Установите бесплатную загрузочную библиотеку конвертера GroupDocs.Conversion SVG в PNG в свои приложения Node.js, используя следующую команду в консоли:

npm install groupdocs-conversion-cloud

Прежде чем приступить к выполнению шагов и доступных примеров кода, получите свой идентификатор клиента и секрет клиента на панели инструментов. Получив свой идентификатор и секрет, добавьте код, как показано ниже:

# Импортируйте Node.js SDK в приложение узла с http://api.groupdocs.cloud.
global.groupdocs_conversion_cloud = require("groupdocs-conversion-cloud");
global.fs = require("fs");

// получить clientId и clientSecret с https://dashboard.groupdocs.cloud (требуется бесплатная регистрация).
global.clientId = "xxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx";
global.clientSecret = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";
global.myStorage = "test-internal-storage";
const config = new groupdocs_conversion_cloud.Configuration(clientId, clientSecret);
config.apiBaseUrl = "https://api.groupdocs.cloud";

Как преобразовать изображение из SVG в PNG онлайн в Node.js

Следуйте приведенным ниже инструкциям, чтобы преобразовать код SVG в PNG онлайн, как указано ниже:

  1. Загрузить файл SVG в облако
  2. Конвертировать SVG в PNG без потери качества в Node.js
  3. Скачать конвертированный файл PNG

Загрузить изображение

Во-первых, загрузите файл SVG в облако, используя следующий пример кода:

// откройте файл в IOStream с вашего системного диска.
var resourcesFolder = 'H:\\groupdocs-cloud-data\\sample-file.svg';
// прочитать файл
fs.readFile(resourcesFolder, (err, fileStream) => {
  // построить FileApi
  var fileApi = groupdocs_conversion_cloud.FileApi.fromConfig(config);
  // создать запрос на загрузку файла
  var request = new groupdocs_conversion_cloud.UploadFileRequest("sample-file.svg", fileStream, myStorage);
  // загрузить файл
  fileApi.uploadFile(request)
    .then(function (response) {
      console.log("Expected response type is FilesUploadResult: " + response.uploaded.length);
    })
    .catch(function (error) {
      console.log("Error: " + error.message);
    });
});

В результате загруженный файл SVG будет доступен в разделе файлов вашей панели управления в облаке.

Онлайн конвертировать SVG в PNG высокого качества в Node.js

В этом разделе мы собираемся программно преобразовать прозрачный фон SVG в PNG онлайн, выполнив шаги, указанные ниже:

  • Создайте экземпляр ConvertApi
  • Затем создайте объект ConvertSettings.
  • Укажите имя облачного хранилища
  • Установите путь к входному файлу SVG
  • Назначьте «png» для формата
  • Укажите путь к выходному файлу
  • Создать запрос преобразования документа
  • Наконец, измените SVG на PNG, вызвав метод ConvertApi.convertDocument() с параметрами преобразования.

В следующем примере кода показано, как преобразовать онлайн SVG в PNG без потери качества с помощью REST API в Node.js:

// Как конвертировать изображение из SVG в PNG онлайн в Node.js

const convert = async () => {
  const convertApi = groupdocs_conversion_cloud.ConvertApi.fromKeys(clientId, clientSecret);

  const settings = new groupdocs_conversion_cloud.ConvertSettings();
  settings.storageName = myStorage;
  settings.filePath = "nodejs-testing/sample-file.svg";
  settings.format = "png";
  settings.outputPath = "nodejs-testing/sample-file.png";

  try {
    // Создать запрос на преобразование документа
    const request = new groupdocs_conversion_cloud.ConvertDocumentRequest(settings);
    await convertApi.convertDocument(request);
  }
  catch (err) {
    throw err;
  }
}

convert()
.then(() => {
  console.log("Successfully converted SVG to PNG without losing quality.");
})
.catch((err) => {
  console.log("Error occurred while converting SVG document:", err);
})
Как сохранить SVG в формате PNG онлайн с помощью Node.js

Онлайн конвертировать SVG в PNG высокого качества в Node.js

Загрузите преобразованный файл

Приведенный выше пример кода сохранит преобразованный файл PNG в облаке. Вы можете загрузить его, используя следующий пример кода:

// создать FileApi для загрузки преобразованного файла
var fileApi = groupdocs_conversion_cloud.FileApi.fromConfig(config);
// создать запрос на загрузку файла
let request = new groupdocs_conversion_cloud.DownloadFileRequest("nodejs-testing/sample-file.png", myStorage);
// скачать файл и тип ответа Stream
fileApi.downloadFile(request)
    .then(function (response) {
        // сохранить файл в системном каталоге
        fs.writeFile("H:\\groupdocs-cloud-data\\sample-file.png", response, "binary", function (err) { });
        console.log("Expected response type is Stream: " + response.length);
    })
    .catch(function (error) {
        console.log("Error: " + error.message);
    });

Преобразование файла SVG в PNG онлайн в Node.js с использованием дополнительных параметров

Пожалуйста, следуйте и выполните шаги, указанные ниже, чтобы преобразовать изображение SVG в PNG с некоторыми дополнительными настройками:

  • Во-первых, создайте экземпляр ConvertApi
  • Создать экземпляр ConvertSettings
  • Теперь установите значение облачного хранилища
  • Установите путь к файлу SVG в качестве входного файла
  • Назначьте «png» для формата
  • Определить PngConvertOptions
  • Установите различные параметры преобразования, такие как оттенки серого, качество, rotateAngle, usePdf и т. д.
  • Затем назначьте convertOptions и путь к выходному файлу.
  • Создать запрос преобразования документа
  • Наконец, преобразуйте документ SVG в изображение PNG, вызвав метод ConvertApi.convertDocument().

В следующем примере кода показано, как преобразовать SVG в PNG с высоким разрешением, используя расширенные параметры преобразования:

// Как преобразовать файл SVG в PNG онлайн в Node.js с помощью дополнительных параметров

const convert_options = async () => {
  const convertApi = groupdocs_conversion_cloud.ConvertApi.fromKeys(clientId, clientSecret);

  const settings = new groupdocs_conversion_cloud.ConvertSettings();
  settings.storageName = myStorage;
  settings.filePath = "nodejs-testing/sample-file.svg";
  settings.format = "png";
  
  convertOptions = new groupdocs_conversion_cloud.PngConvertOptions()
  convertOptions.grayscale = true;
  convertOptions.fromPage = 1;
  convertOptions.pagesCount = 1;
  convertOptions.quality = 100;
  convertOptions.rotateAngle = 90;
  convertOptions.usePdf = false;

  settings.convertOptions = convertOptions;
  settings.outputPath = "nodejs-testing/sample-file.png";

  try {
    // Создать запрос на преобразование документа
    const request = new groupdocs_conversion_cloud.ConvertDocumentRequest(settings);
    await convertApi.convertDocument(request);
  }
  catch (err) {
    throw err;
  }
}

convert_options()
.then(() => {
  console.log("Successfully render SVG to PNG format with advanced options.");
})
.catch((err) => {
  console.log("Error occurred while converting the SVG file:", err);
})

Бесплатный конвертер SVG в PNG онлайн

Как конвертировать SVG в PNG онлайн бесплатно? Попробуйте следующий бесплатный онлайн-конвертер SVG в PNG. Это лучший конвертер SVG в PNG для преобразования SVG в PNG в прозрачном режиме онлайн, который был разработан с использованием вышеуказанного API.

Заключение

В этой статье вы узнали:

  • как конвертировать SVG в PNG онлайн в Nodejs в облаке;
  • как превратить SVG в прозрачный PNG в Nodejs, используя дополнительные параметры;
  • программно загрузить файл, а затем загрузить преобразованный файл из облака;
  • Конвертер SVG в PNG онлайн бесплатно;

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

Задайте вопрос

Если у вас возникнут какие-либо вопросы относительно конвертера файлов SVG в PNG при использовании API, свяжитесь с нами через наш бесплатный форум поддержки продуктов.

Часто задаваемые вопросы

Как преобразовать SVG в PNG с помощью Node.js?

Перейдите по этой ссылке, чтобы изучить фрагмент кода Node.js для простого и быстрого преобразования SVG в PNG.

Как перейти с SVG на PNG онлайн в Node.js с помощью REST API?

Создайте экземпляр ConvertApi, задайте значения параметров преобразования и вызовите метод convertDocument с ConvertDocumentRequest, чтобы преобразовать SVG в PNG.

Могу ли я конвертировать файл SVG в PNG бесплатно?

Да, вы можете бесплатно преобразовать файл SVG в PNG, используя онлайн-конвертер файлов SVG в PNG. Онлайн-конвертер SVG в PNG позволяет быстро преобразовать файл SVG в формат PNG. После завершения процесса преобразования SVG в PNG вы можете загрузить изображение PNG из облака.

Как конвертировать SVG в PNG бесплатно онлайн?

  1. Откройте наше лучшее программное обеспечение для конвертации SVG в PNG.
  2. Щелкните внутри области перетаскивания файла, чтобы загрузить файл SVG, или перетащите файл SVG.
  3. Нажмите кнопку «Преобразовать сейчас», чтобы онлайн преобразовать SVG в PNG с прозрачным фоном.
  4. Ссылка для скачивания выходного файла будет доступна для экспорта SVG в PNG сразу после преобразования.

Как установить и скачать библиотеку конвертера SVG в PNG?

Загрузите и установите библиотеку JavaScript для преобразования SVG в PNG, чтобы программно создавать, обрабатывать и отображать SVG в PNG с высоким разрешением.

Как преобразовать SVG в PNG в Windows 10?

Перейдите по этой ссылке, чтобы скачать конвертер SVG в PNG бесплатно. Этот бесплатный конвертер SVG в PNG преобразует файл SVG в формат PNG в Windows одним щелчком мыши.

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

Мы рекомендуем посетить следующие связанные ссылки, чтобы узнать больше: