在 JavaScript 中将 PowerPoint 幻灯片转换为 PNG

本页内容简介

使用 Aspose.Slides for Node.js 在 JavaScript 中快速将 PowerPoint 演示文稿转换为高质量 PNG 图像，确保精准、自动化的结果。

概览

本文介绍如何使用 Aspose.Slides for Node.js via Java 将演示文稿幻灯片转换为 PNG 图像。您可以加载 PPT、PPTX 和 ODP 等格式的演示文稿，渲染每张幻灯片，并将其保存为单独的 PNG 图像。

下面的示例演示了默认比例渲染、放大比例、以像素指定输出尺寸以及选择渐变渲染样式。

将 PowerPoint 转换为 PNG

使用 Presentation 类加载演示文稿，并通过 Presentation.getSlides 集合访问其幻灯片。示例使用不带参数的 Slide.getImage 渲染每张幻灯片以创建缩略图。然后调用 IImage.save 并使用 ImageFormat.Png 将每个渲染后的幻灯片保存为 PNG 图像。

var aspose = aspose || {};
aspose.slides = require("aspose.slides.via.java");

let presentation = new aspose.slides.Presentation("presentation.pptx");
try {
    let slideCount = presentation.getSlides().size();
    for (let index = 0; index < slideCount; index++) {
        let slide = presentation.getSlides().get_Item(index);
        let image = slide.getImage();
        try {
            image.save("slide_" + index + ".png", aspose.slides.ImageFormat.Png);
        } finally {
            image.dispose();
        }
    }
} finally {
    presentation.dispose();
}

Note

无参数的 Slide.getImage 重载以 0.2 的比例进行渲染。例如，尺寸为 720 × 540 点的幻灯片会生成 144 × 108 像素的缩略图。要控制输出尺寸，请使用带比例因子的重载或下面显示的显式图像大小。

将 PowerPoint 转换为 PNG（自定义尺寸）

向 Slide.getImage 传递水平和垂直比例因子，以控制渲染后的尺寸。在本例中，两者均为 2，因此尺寸为 720 × 540 点的幻灯片会生成 1440 × 1080 像素的图像。相等的比例因子可保持幻灯片的宽高比。每个图像使用 IImage.save 以 PNG 格式保存。

var aspose = aspose || {};
aspose.slides = require("aspose.slides.via.java");

let presentation = new aspose.slides.Presentation("presentation.pptx");
try {
    let scaleX = 2.0;
    let scaleY = scaleX;

    let slideCount = presentation.getSlides().size();
    for (let index = 0; index < slideCount; index++) {
        let slide = presentation.getSlides().get_Item(index);
        let image = slide.getImage(scaleX, scaleY);
        try {
            image.save("slide_" + index + ".png", aspose.slides.ImageFormat.Png);
        } finally {
            image.dispose();
        }
    }
} finally {
    presentation.dispose();
}

将 PowerPoint 转换为 PNG（自定义大小）

若要以像素指定输出尺寸，请向 Slide.getImage 传递尺寸而非比例因子。此示例将每张幻灯片渲染为 960 × 720 像素，并使用 IImage.save 保存结果。请选择与幻灯片宽高比匹配的尺寸，以避免图像被拉伸。

var aspose = aspose || {};
aspose.slides = require("aspose.slides.via.java");
const java = require("java");

let presentation = new aspose.slides.Presentation("presentation.pptx");
try {
    let imageSize = java.newInstanceSync("java.awt.Dimension", 960, 720);

    let slideCount = presentation.getSlides().size();
    for (let index = 0; index < slideCount; index++) {
        let slide = presentation.getSlides().get_Item(index);
        let image = slide.getImage(imageSize);
        try {
            image.save("slide_" + index + ".png", aspose.slides.ImageFormat.Png);
        } finally {
            image.dispose();
        }
    }
} finally {
    presentation.dispose();
}

选择渐变渲染样式

假设幻灯片包含渐变填充，但导出的 PNG 中的渐变过渡看起来比 PowerPoint 中更浅或有所不同。您可以使用由 RenderingOptions 继承的 SaveOptions.setGradientStyle 方法来选择渐变的渲染方式。

下载 gradient-styles.pptx 并将其放置在应用程序的工作目录中。它的第一张幻灯片包含两个线性渐变：顶部从青色到橙色，底部从蓝色到黄色。每个渐变在 0% 和 100% 处各有两个停止点。

下面的示例加载此演示文稿，并使用 Slide.getImage 在两种模式下渲染相同的第一张幻灯片。

var aspose = aspose || {};
aspose.slides = require("aspose.slides.via.java");

let presentation = new aspose.slides.Presentation("gradient-styles.pptx");
try {
    let slide = presentation.getSlides().get_Item(0);

    let gradientStyles = [aspose.slides.GradientStyle.Default, aspose.slides.GradientStyle.PowerPointUI];
    for (let style of gradientStyles) {
        let options = new aspose.slides.RenderingOptions();
        options.setGradientStyle(style);

        let styleName = style == aspose.slides.GradientStyle.Default ? "Default" : "PowerPointUI";
        let image = slide.getImage(options, 1.0, 1.0);
        try {
            image.save("gradient-" + styleName + ".png", aspose.slides.ImageFormat.Png);
        } finally {
            image.dispose();
        }
    }
} finally {
    presentation.dispose();
}