在 JavaScript 中將簡報投影片渲染為 SVG 圖像
概述
本文說明如何使用 Aspose.Slides 將簡報投影片渲染為 SVG 圖像。它描述了 SVG 格式及其優點，包括可伸縮性、可存取性以及適用於 Web 開發的特性。
您將學會如何載入簡報檔案、遍歷其投影片，並將每張投影片儲存為單獨的 SVG 檔案。本文涵蓋 PowerPoint 與 OpenDocument 簡報格式，包括 PPT、PPTX、ODP 與 PPS，並示範如何使用 Presentation 類別與 writeAsSvg 方法以程式方式執行轉換。
SVG 格式
SVG——可縮放向量圖形（Scalable Vector Graphics）的縮寫——是一種用於呈現二維圖像的標準圖形類型或格式。SVG 以 XML 中的向量形式儲存圖像，並包含定義其行為或外觀的細節。
SVG 是少數同時符合以下高標準的圖像格式：可伸縮性、互動性、效能、可存取性、可程式化等。基於這些原因，它在 Web 開發中被廣泛使用。
您可能想在以下情況使用 SVG 檔案：
- 將簡報列印為非常大的尺寸。 SVG 圖像可以擴展至任何解析度或尺寸。您可以不斷調整 SVG 圖像大小，而不會降低品質。
- 在不同媒介或平台上使用投影片中的圖表與圖形。大多數閱讀器皆能解析 SVG 檔案。
- 使用最小尺寸的圖像。 SVG 檔案通常比其他格式的高解析度等效檔案更小，特別是基於點陣圖的格式（JPEG 或 PNG）。
將投影片渲染為 SVG 圖像
Aspose.Slides for Node.js via Java 允許您將簡報中的投影片匯出為 SVG 圖像。請依照以下步驟產生 SVG 圖像：
- 建立 Presentation 類別的實例。
- 遍歷簡報中的所有投影片。
- 透過 FileOutputStream 將每張投影片寫入各自的 SVG 檔案。
以下 JavaScript 範例程式碼示範如何使用 Aspose.Slides 將 PPT 轉換為 SVG：
var pres = new aspose.slides.Presentation("pres.pptx");
try {
for (var index = 0; index < pres.getSlides().size(); index++) {
var slide = pres.getSlides().get_Item(index);
var fileStream = java.newInstanceSync("java.io.FileOutputStream", ("slide-" + index) + ".svg");
try {
slide.writeAsSvg(fileStream);
} finally {
fileStream.close();
}
}
} catch (e) {console.log(e);
} finally {
if (pres != null) {
pres.dispose();
}
}
常見問題
為什麼最終的 SVG 在不同瀏覽器上可能會呈現不同？
各瀏覽器引擎對特定 SVG 功能的支援實作方式不同。SVGOptions 參數可協助減少相容性問題。
是否能將不僅是投影片，還有個別形狀匯出為 SVG？
可以。任何形狀皆可另存為單獨的 SVG，這對圖示、圖符以及重複使用圖形都很方便。
是否能將多張投影片合併成單一 SVG（條帶/文件）？
標準的情況是一張投影片對應一個 SVG。將多張投影片合併成單一 SVG 畫布是應用層級的後處理步驟。