使用 JavaScript 管理 PowerPoint 演示文稿中的 SmartArt

概述

SmartArt 是由节点、节点形状和布局构成的 PowerPoint 图表。使用 Aspose.Slides for Node.js via Java，您可以创建 SmartArt、读取其节点中的文本、更改布局、检查隐藏节点、配置组织结构图布局以及创建图片组织结构图。

从 SmartArt 对象获取文本

SmartArt 节点可以包含一个或多个形状。要读取可见文本，请遍历 SmartArt.getAllNodes，然后读取由 SmartArtShape.getTextFrame 返回的 TextFrame。

let presentation = new aspose.slides.Presentation("sample.pptx");
try {
    let slide = presentation.getSlides().get_Item(0);
    let shape = slide.getShapes().get_Item(0);

    if (java.instanceOf(shape, "com.aspose.slides.ISmartArt")) {
        let smartArt = shape;
        let nodes = smartArt.getAllNodes();

        for (let nodeIndex = 0; nodeIndex < nodes.size(); nodeIndex++) {
            let node = nodes.get_Item(nodeIndex);
            let nodeShapes = node.getShapes();

            for (let shapeIndex = 0; shapeIndex < nodeShapes.size(); shapeIndex++) {
                let nodeShape = nodeShapes.get_Item(shapeIndex);

                if (nodeShape.getTextFrame() != null) {
                    console.log(nodeShape.getTextFrame().getText());
                }
            }
        }
    }
} finally {
    presentation.dispose();
}

更改 SmartArt 对象的布局类型

SmartArt 布局决定节点的排列和连接方式。以下示例创建一个使用 SmartArtLayoutType BasicBlockList 值的 SmartArt 对象，将其更改为 BasicProcess 值，并保存演示文稿。

let presentation = new aspose.slides.Presentation();
try {
    let smartArt = presentation.getSlides().get_Item(0).getShapes().addSmartArt(
        10, 10, 400, 300, aspose.slides.SmartArtLayoutType.BasicBlockList);

    smartArt.setLayout(aspose.slides.SmartArtLayoutType.BasicProcess);

    presentation.save("ChangeSmartArtLayout_out.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

检查 SmartArt 节点是否隐藏

SmartArtNode.isHidden 表示节点在 SmartArt 数据模型中是否隐藏。即使所选布局未将它们显示为可见图表元素，隐藏节点仍可能存在于结构中。

以下示例向使用 SmartArtLayoutType RadialCycle 值的 SmartArt 对象添加一个节点，并检查该节点的隐藏状态。

let presentation = new aspose.slides.Presentation();
try {
    let smartArt = presentation.getSlides().get_Item(0).getShapes().addSmartArt(
        10, 10, 400, 300, aspose.slides.SmartArtLayoutType.RadialCycle);

    let node = smartArt.getAllNodes().addNode();
    let isHidden = node.isHidden();

    if (isHidden) {
        console.log("The node is hidden in the SmartArt data model.");
    }

    presentation.save("CheckSmartArtHiddenProperty_out.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

获取或设置组织结构图布局

对于使用组织结构图布局的 SmartArt 图表，SmartArtNode.getOrganizationChartLayout 和 SmartArtNode.setOrganizationChartLayout 定义子节点在父节点下的排列方式。例如，您可以根据选择的 OrganizationChartLayoutType 将子节点挂在左侧、右侧或两侧。

以下示例创建一个组织结构图，并将第一个节点的布局设置为 OrganizationChartLayoutType LeftHanging 值。

let presentation = new aspose.slides.Presentation();
try {
    let smartArt = presentation.getSlides().get_Item(0).getShapes().addSmartArt(
        10, 10, 400, 300, aspose.slides.SmartArtLayoutType.OrganizationChart);

    let rootNode = smartArt.getNodes().get_Item(0);
    rootNode.setOrganizationChartLayout(aspose.slides.OrganizationChartLayoutType.LeftHanging);

    presentation.save("OrganizationChartLayout_out.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

创建图片组织结构图

图片组织结构图是一种专为包含图像占位符的层级图表设计的 SmartArt 布局。在将 SmartArt 对象添加到幻灯片时使用 SmartArtLayoutType PictureOrganizationChart 值。

let presentation = new aspose.slides.Presentation();
try {
    let smartArt = presentation.getSlides().get_Item(0).getShapes().addSmartArt(
        0, 0, 400, 400, aspose.slides.SmartArtLayoutType.PictureOrganizationChart);

    presentation.save("PictureOrganizationChart_out.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

常见问题

SmartArt 是否支持针对 RTL 语言的镜像或反转？

是的。当所选 SmartArt 布局支持反转时，SmartArt.setReversed 方法可将图表方向从从左到右切换为从右到左，或恢复原状。

如何在同一幻灯片或其他演示文稿中复制 SmartArt 并保留格式？

您可以使用 ShapeCollection.addClone 克隆 SmartArt 形状，或 克隆包含 SmartArt 的整个幻灯片。两种方法都会保留大小、位置和格式。

如何将 SmartArt 渲染为栅格图像以进行预览或网页导出？

将幻灯片 或整个演示文稿渲染为 PNG 或 JPEG。SmartArt 会作为幻灯片的一部分进行渲染。

如果幻灯片上有多个 SmartArt 对象，如何查找特定的对象？

在 SmartArt 形状上设置唯一的 Shape.setAlternativeText 或 Shape.setName 值，然后在 BaseSlide.getShapes 中搜索该值，并检查匹配的形状是否为 SmartArt。