在 JavaScript 中将 PowerPoint 幻灯片转换为图像

概述

Aspose.Slides for Node.js via Java 使您能够轻松将 PowerPoint 和 OpenDocument 演示文稿幻灯片转换为多种图像格式，包括 BMP、PNG、JPG（JPEG）、GIF 等。

要将幻灯片转换为图像，请按照以下步骤操作：

  1. 使用以下方式定义所需的转换设置并选择要导出的幻灯片：
  2. 调用 getImage 方法生成幻灯片图像。

在 Aspose.Slides for Node.js via Java 中，IImage 是一个允许您使用像素数据处理图像的类。您可以使用此类将图像保存为多种格式（BMP、JPG、PNG 等）。

将幻灯片转换为位图并以 PNG 保存图像

您可以将幻灯片转换为位图对象，并直接在应用程序中使用。或者，您也可以将幻灯片转换为位图后，以 JPEG 或其他首选格式保存图像。

下面的 JavaScript 代码演示了如何将演示文稿的第一张幻灯片转换为位图对象，然后以 PNG 格式保存图像：

let presentation = new aspose.slides.Presentation("Presentation.pptx");
try {
    // 将演示文稿的第一张幻灯片转换为位图。
    let image = presentation.getSlides().get_Item(0).getImage();
    try {
        // 将图像保存为 PNG 格式。
        image.save("Slide_0.png", aspose.slides.ImageFormat.Png);
    } finally {
        image.dispose();
    }
} finally {
    presentation.dispose();
}

使用自定义尺寸将幻灯片转换为图像

您可能需要获取特定尺寸的图像。通过 getImage 的重载，您可以将幻灯片转换为具有特定宽高的图像。

下面的示例代码演示了如何实现：

let imageSize = java.newInstanceSync("java.awt.Dimension", 1820, 1040);

let presentation = new aspose.slides.Presentation("Presentation.pptx");
try {
    // 将演示文稿的第一张幻灯片转换为具有指定大小的位图。
    let image = presentation.getSlides().get_Item(0).getImage(imageSize);
    try {
        // 将图像保存为 JPEG 格式。
        image.save("Slide_0.jpg", aspose.slides.ImageFormat.Jpeg);
    } finally {
        image.dispose();
    }
} finally {
    presentation.dispose();
}

将带有备注和批注的幻灯片转换为图像

某些幻灯片可能包含备注和批注。

Aspose.Slides 提供了两个类——TiffOptions 和 RenderingOptions——用于控制将演示文稿幻灯片渲染为图像的方式。这两个类都包含 setSlidesLayoutOptions 方法，您可以使用该方法在将幻灯片转换为图像时配置备注和批注的渲染。

使用 NotesCommentsLayoutingOptions 类，您可以指定在生成的图像中备注和批注的首选位置。

下面的 JavaScript 代码演示了如何将带有备注和批注的幻灯片转换为图像：

const scaleX = 2;
const scaleY = scaleX;

// Load a presentation file.
let presentation = new aspose.slides.Presentation("Presentation_with_notes_and_comments.pptx");
try {
    let notesCommentsOptions = new aspose.slides.NotesCommentsLayoutingOptions();
    notesCommentsOptions.setNotesPosition(aspose.slides.NotesPositions.BottomTruncated);                  // 设置备注的位置。
    notesCommentsOptions.setCommentsPosition(aspose.slides.CommentsPositions.Right);                      // 设置批注的位置。
    notesCommentsOptions.setCommentsAreaWidth(500);                                                       // 设置批注区域的宽度。
    notesCommentsOptions.setCommentsAreaColor(java.getStaticFieldValue("java.awt.Color", "LIGHT_GRAY"));  // 设置批注区域的颜色。

    // 创建渲染选项。
    let options = new aspose.slides.RenderingOptions();
    options.setSlidesLayoutOptions(notesCommentsOptions);
 
    // 将演示文稿的第一张幻灯片转换为图像。
    let image = presentation.getSlides().get_Item(0).getImage(options, scaleX, scaleY);
    try {
        // 将图像保存为 GIF 格式。
        image.save("Image_with_notes_and_comments_0.gif", aspose.slides.ImageFormat.Gif);
    } finally {
        image.dispose();
    }
} finally {
    presentation.dispose();
}

使用 TIFF 选项将幻灯片转换为图像

TiffOptions 类通过允许您指定尺寸、分辨率、调色板等参数，为生成的 TIFF 图像提供更大的控制。

下面的 JavaScript 代码演示了使用 TIFF 选项输出分辨率为 300 DPI、尺寸为 2160 × 2800 的黑白图像的转换过程：

// 加载演示文稿文件。
let presentation = new aspose.slides.Presentation("sample.pptx");
try {
    // 从演示文稿获取第一张幻灯片。
    let slide = presentation.getSlides().get_Item(0);

    // 配置输出 TIFF 图像的设置。
    let tiffOptions = new aspose.slides.TiffOptions();
    tiffOptions.setImageSize(java.newInstanceSync("java.awt.Dimension", 2160, 2880));  // 设置图像大小。
    tiffOptions.setPixelFormat(aspose.slides.ImagePixelFormat.Format1bppIndexed);      // 设置像素格式（黑白）。
    tiffOptions.setDpiX(300);                                                          // 设置水平分辨率。
    tiffOptions.setDpiY(300);                                                          // 设置垂直分辨率。

    // 使用指定的选项将幻灯片转换为图像。
    let image = slide.getImage(tiffOptions);
    try {
        // 以 TIFF 格式保存图像。
        image.save("output.tiff", aspose.slides.ImageFormat.Tiff);
    } finally {
        image.dispose();
    }
} finally {
    presentation.dispose();
}

将所有幻灯片转换为图像

Aspose.Slides 允许您将演示文稿中的所有幻灯片转换为图像，从而将整个演示文稿转换为一系列图像。

下面的示例代码演示了如何在 JavaScript 中将演示文稿的所有幻灯片转换为图像：

const scaleX = 2;
const scaleY = scaleX;

let presentation = new aspose.slides.Presentation("Presentation.pptx");
try {
    // 逐张幻灯片渲染演示文稿为图像。
    for (let i = 0; i < presentation.getSlides().size(); i++) {
        // 控制隐藏幻灯片（不渲染隐藏的幻灯片）。
        if (presentation.getSlides().get_Item(i).getHidden()) {
            continue;
        }

        // 将幻灯片转换为图像。
        let image = presentation.getSlides().get_Item(i).getImage(scaleX, scaleY);
        try {
            // 以 JPEG 格式保存图像。
            image.save("Slide_" + i + ".jpg", aspose.slides.ImageFormat.Jpeg);
        } finally {
            image.dispose();
        }
    }
} finally {
    presentation.dispose();
}

常见问题

Aspose.Slides 是否支持渲染带动画的幻灯片？

不支持，getImage 方法仅保存幻灯片的静态图像，不包含动画。

隐藏的幻灯片可以导出为图像吗？

可以，隐藏的幻灯片可以像普通幻灯片一样进行处理，只需确保它们包含在处理循环中。

图像可以保存带有阴影和效果吗？

可以，Aspose.Slides 在将幻灯片保存为图像时支持渲染阴影、透明度和其他图形效果。

演示文稿查看器