如何在 Node.js 中在線將 SVG 轉換為 PNG

SVG(可縮放矢量圖形)定義了基於矢量圖形的圖形，這種圖形常用於渲染二維圖像。另一方面，PNG 圖像格式是基於光柵的透明文件的最佳選擇之一。當您處理像素和透明度時，PNG 是比 SVG 更好的選擇。 SVG 也不適用於像照片這樣具有大量細節、紋理和質量的圖像。對於此類場景，您可以在線將 SVG 文件轉換為 PNG 格式。那麼讓我們看看如何在 Node.js 中在線將 SVG 轉換為 PNG。

本文應涵蓋以下主題：

將 SVG 轉換為 PNG API 和 Node.js SDK
如何在 Node.js 中在線將圖像從 SVG 轉換為 PNG
使用高級選項在 Node.js 中在線將 SVG 文件轉換為 PNG

將 SVG 轉換為 PNG API 和 Node.js SDK

在本文中，我們將使用 GroupDocs.Conversion Cloud 的 Node.js SDK 強大的庫在 Nodejs 應用程序中將 SVG 轉換為 PNG 格式。此 API 允許您將文檔轉換為您需要的任何格式。它支持轉換 PDF、HTML、Word、Excel、PowerPoint, JPG、PNG、GIF、CAD等50多種文檔和圖像。它還提供.NET、Java、PHP、Ruby 、Android 和 Python SDK 作為 Cloud API 的文檔轉換家族成員。

在控制台中使用以下命令將 GroupDocs.Conversion SVG 到 PNG 轉換器免費下載庫安裝到您的 Node.js 應用程序：

npm install groupdocs-conversion-cloud

在開始執行步驟和可用代碼示例之前，請從儀表板獲取您的客戶端 ID 和客戶端密碼。獲得 ID 和密碼後，添加如下所示的代碼：

# 從 http://api.groupdocs.cloud 在您的節點應用程序中導入 Node.js SDK
global.groupdocs_conversion_cloud = require("groupdocs-conversion-cloud");
global.fs = require("fs");

// 從 https://dashboard.groupdocs.cloud 獲取 clientId 和 clientSecret(需要免費註冊)。
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";

如何在 Node.js 中在線將圖像從 SVG 轉換為 PNG

請按照以下說明在線將 SVG 代碼轉換為 PNG，如下所述：

上傳 SVG文件到雲端
Convert SVG 轉 PNG 而不會在 Node.js 中丟失質量
下載轉換後的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 文件將在雲端儀表板的文件部分中可用。

在 Node.js 中在線將 SVG 轉換為 PNG 高質量

在本節中，我們將按照以下步驟以編程方式在線將 SVG 轉換為 PNG 透明背景：

創建 ConvertApi 的實例
接下來，創建 ConvertSettings 對象
提供雲存儲名稱
設置輸入 SVG 文件路徑
將“png”分配給格式
提供輸出文件路徑
創建 ConvertDocumentRequest
最後，通過調用帶有轉換設置的 ConvertApi.convertDocument() 方法，將 SVG 更改為 PNG。

以下代碼示例展示瞭如何在 Node.js 中使用 REST API 將在線 SVG 轉換為 PNG 而不會降低質量：

// 如何在 Node.js 中在線將圖像從 SVG 轉換為 PNG

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);
})

如何使用 Node.js 在線將 SVG 保存為 PNG 格式 — 在 Node.js 中在線將 SVG 高質量轉換為 PNG

下載轉換後的文件

上面的代碼示例會將轉換後的 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);
    });

使用高級選項在 Node.js 中在線將 SVG 文件轉換為 PNG

請遵循並執行下面提到的步驟，使用一些高級設置將 SVG 圖像轉換為 PNG：

首先，創建一個 ConvertApi 實例
創建 ConvertSettings 實例
現在，設置雲存儲值
將 SVG 文件路徑設置為輸入文件
將“png”分配給格式
定義 PngConvertOptions
設置各種轉換設置，例如灰度、質量、旋轉角度、usePdf 等。
接下來，分配 convertOptions 和輸出文件路徑
創建 ConvertDocumentRequest
最後，通過調用 ConvertApi.convertDocument() 方法將 SVG 文檔轉換為 PNG 圖像。

以下代碼示例顯示瞭如何使用高級轉換選項將 SVG 轉換為 PNG 高分辨率：

// 如何使用高級選項在 Node.js 中在線將 SVG 文件轉換為 PNG

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 開發的。

結論

在本文中，您已了解：

如何在雲端的Nodejs中在線將SVG轉成PNG；
如何使用高級選項在 Nodejs 中將 SVG 轉換為透明 PNG；
以編程方式上傳文件，然後從雲端下載轉換後的文件；
免費在線將 SVG 轉換為 PNG；

您可以使用文檔了解有關 GroupDocs.Conversion Cloud API 的更多信息。我們還提供了一個 API 參考部分，讓您可以直接通過瀏覽器可視化我們的 API 並與之交互。

問一個問題

如果您在使用 API 時對 SVG 到 PNG 文件轉換器有任何相關疑問，請隨時通過我們的免費產品支持論壇與我們聯繫。

常見問題

如何使用 Node.js 將 SVG 轉換為 PNG？

請按照此鏈接學習用於輕鬆快速地將 SVG 轉換為 PNG 的 Node.js 代碼片段。

如何使用 REST API 在 Node.js 中在線從 SVG 更改為 PNG？

創建 ConvertApi 的實例，設置轉換設置的值並使用 ConvertDocumentRequest 調用 convertDocument 方法以將 SVG 轉換為 PNG。

我可以免費將 SVG 文件轉換為 PNG 文件嗎？

是的，您可以使用在線 SVG 文件到 PNG 轉換器免費將 SVG 文件轉換為 PNG。在線 SVG 到 PNG 轉換器允許您快速將 SVG 文件更改為 PNG 格式。 SVG 到 PNG 的轉換過程完成後，您可以從雲端下載 PNG 圖像。

如何免費在線將 SVG 轉換為 PNG？

打開我們的最好的 SVG 到 PNG 轉換器軟件。
在文件放置區域內單擊以上傳 SVG 文件或拖放 SVG 文件。
單擊立即轉換按鈕在線將 SVG 轉換為具有透明背景的 PNG。
輸出文件的下載鏈接將可用於在轉換後立即將 SVG 導出為 PNG。

如何安裝和下載 SVG 到 PNG 轉換器庫？

下載並安裝 SVG 到 PNG JavaScript 庫，以編程方式創建、處理和渲染 SVG 到 PNG 高分辨率。

如何在 Windows 10 中將 SVG 轉換為 PNG？

請訪問此鏈接以免費下載 SVG 到 PNG 轉換器。這個免費的 SVG 到 PNG 轉換器，只需單擊一下即可在 Windows 中將 SVG 文件轉換為 PNG 格式。

也可以看看

我們建議訪問以下相關鏈接以了解更多信息：

將 SVG 轉換為 PNG API 和 Node.js SDK#

如何在 Node.js 中在線將圖像從 SVG 轉換為 PNG#

上傳圖片#

在 Node.js 中在線將 SVG 轉換為 PNG 高質量#

下載轉換後的文件#

使用高級選項在 Node.js 中在線將 SVG 文件轉換為 PNG#

免費 SVG 到 PNG 在線轉換器#

結論#

問一個問題#

常見問題#

也可以看看#