當談到網頁圖像時,PNG 是一個因支援透明度且相容性廣而常被使用的格式。相對地,SVG 因其可伸縮性而受到青睞,非常適合用於標誌、圖示以及其他向量圖形。儘管 SVG 具有許多優點,但在某些情況下仍需要將 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
使用 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 轉換器。只要有瀏覽器的任何裝置皆可使用,方便又無負擔。
取得免費 API 授權
您可以取得 免費暫時授權 以使用 GroupDocs.Conversion,讓您在沒有評估限制的情況下使用 API。
結論
在本篇文章中,我們探討了如何使用 Node.js 以及 GroupDocs.Conversion for Node.js 將 SVG 向量圖形轉換為 PNG 圖片。也示範了如何透過旋轉、灰階、浮水印、亮度調整等客製化功能,提升轉換過程的彈性與效果。這些進階功能讓您能依需求精確調整 PNG 輸出。
欲取得更多範例,請參考 GroupDocs GitHub repository,裡面提供了各式程式碼範例,協助您自行建置 SVG 轉 PNG 轉換器。如有任何問題,歡迎透過 論壇 與我們聯繫。