當談到網頁圖像時，PNG 因其支援透明度和廣泛的兼容性而成為首選格式。另一方面，SVG 因其可擴展性而廣受歡迎，使其成為徽標、圖標和其他基於向量的圖形的理想選擇。儘管 SVG 具有許多優點，但有時需要將 SVG 轉換為 PNG，特別是為了確保跨不同平台和設備的兼容性。在這篇文章中，我們將引導您完成使用 Node.js 將 SVG 圖形轉換為 PNG 格式的過程。

使用 Node.js 將 SVG 轉換為 PNG(灰階、旋轉、翻轉、明亮浮水印)

用於轉換影像的 Node.js API

GroupDocs 提供了強大的Conversion API，使開發人員能夠轉換影像格式並在轉換過程中操作產生的影像。此 API 支援廣泛的進階選項，使其成為在 Node.js 中將 SVG 轉換為 PNG 的絕佳選擇。我們將使用 GroupDocs.Conversion for Node.js 來完成此任務。

首先，您可以透過在專案中執行以下命令來安裝 GroupDocs.Conversion for Node.js：

npm i @groupdocs/groupdocs.conversion

有關更多詳細信息，請訪問文檔和API參考。

使用 Node.js 將 SVG 轉換為 PNG 映像

我們首先使用預設設定將 SVG 向量圖形轉換為 PNG 格式。以下步驟概述如何使用 Node.js 將 SVG 映像轉換為 PNG。

  • 使用 Converter 類別載入 SVG 檔案。
  • 設定轉換選項。
  • 指定輸出格式為 PNG。
  • 使用準備好的選項呼叫 Convert() 方法。

以下是將 SVG 轉換為 PNG 的 Node.js 程式碼：

// 使用 Node.js Conversion API 和預設選項將 SVG 檔案轉換為 PNG 格式
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)

使用 Node.js 進行進階 SVG 到 PNG 轉換

GroupDocs.Conversion for Node.js 提供了多種自訂選項，您可以在轉換過程中將它們套用到 PNG 輸出。這些選項包括：

  • 亮度調節
  • 對比調整
  • 伽瑪校正
  • 灰階轉換
  • 水平或垂直翻轉
  • 旋轉角度
  • 自訂影像尺寸(高度和寬度)
  • 添加浮水印

讓我們看看如何在 Node.js 中將 SVG 轉換為 PNG 期間套用這些進階選項。

  • 使用 Converter 類別載入 SVG 檔案。
  • 設定影像轉換選項。
  • 指定輸出格式為 PNG。
  • 定義自訂項，例如亮度、旋轉或任何其他可用的項。
  • 呼叫convert()方法來產生PNG。

以下是應用其中一些進階選項的 Node.js 程式碼：

// 使用 Node.js 使用各種自訂將 SVG 向量轉換為 PNG 格式

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 轉換器。它可以透過任何具有網頁瀏覽器的設備進行訪問，非常方便且無憂。

使用 Node.js 將 Word 文件轉換為 PDF。

取得免費的 API 許可證

您可以獲得 GroupDocs.Conversion 的免費臨時授權，讓您在沒有評估限制的情況下使用 API。

結論

在這篇文章中，我們探索如何使用 Node.js 和 GroupDocs.Conversion for Node.js 將 SVG 向量圖形轉換為 PNG 映像。我們也展示瞭如何透過應用旋轉、灰階、浮水印、亮度調整等自訂來增強轉換過程。這些高級功能可讓您根據您的特定要求自訂 PNG 輸出。

有關更多範例，請查看 GroupDocs GitHub 儲存庫，您可以在其中找到各種程式碼範例來幫助您建立自己的 SVG 到 PNG 轉換器。如果您有任何疑問，請隨時透過論壇與我們聯繫。

參見