當談到網頁圖像時,PNG 是一個因支援透明度且相容性廣而常被使用的格式。相對地,SVG 因其可伸縮性而受到青睞,非常適合用於標誌、圖示以及其他向量圖形。儘管 SVG 具有許多優點,但在某些情況下仍需要將 SVG 轉換為 PNG,特別是為了確保在不同平台與裝置上的相容性。在本部落格文章中,我們將指導您如何 使用 Node.js 將 SVG 圖形轉換為 PNG 格式

Convert SVG to PNG using Node.js (Grayscale, Rotate, Flip, Bright Watermark)

使用 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。

  • 載入 SVG 檔案,使用 Converter 類別。
  • 設定 轉換選項
  • 指定 輸出格式 為 PNG。
  • 呼叫 convert() 方法並傳入已設定的選項。

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

使用 Node.js 進階轉換 SVG 為 PNG

GroupDocs.Conversion for Node.js 提供多種客製化選項,您可以在轉換過程中套用於 PNG 輸出。這些選項包括:

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

以下說明如何在 Node.js 中於 SVG 轉 PNG 時套用這些進階選項。

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

以下是套用部分進階選項的 Node.js 程式碼:

免費線上轉換 SVG 為 PNG

需要快速且簡便的方式將 SVG 檔案轉換為 PNG 嗎?使用此免費線上 SVG to PNG 轉換器。只要有瀏覽器的任何裝置皆可使用,方便又無負擔。

Convert Word Document to PDF using Node.js.

取得免費 API 授權

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

結論

在本篇文章中,我們探討了如何使用 Node.js 以及 GroupDocs.Conversion for Node.js 將 SVG 向量圖形轉換為 PNG 圖片。也示範了如何透過旋轉、灰階、浮水印、亮度調整等客製化功能,提升轉換過程的彈性與效果。這些進階功能讓您能依需求精確調整 PNG 輸出。

欲取得更多範例,請參考 GroupDocs GitHub repository,裡面提供了各式程式碼範例,協助您自行建置 SVG 轉 PNG 轉換器。如有任何問題,歡迎透過 論壇 與我們聯繫。

相關參考