SmartArt の管理

SmartArt からテキストを取得

Now TextFrame method has been added to SmartArtShape class and SmartArtShape class respectively. This property allows you to get all text from SmartArt if it has not only nodes text. The following sample code will help you to get text from SmartArt node.

var pres = new aspose.slides.Presentation("Presentation.pptx");
try {
    var slide = pres.getSlides().get_Item(0);
    var smartArt = slide.getShapes().get_Item(0);
    var smartArtNodes = smartArt.getAllNodes();
    
    for (let i = 0; i < smartArtNodes.size(); i++) {
        const smartArtNode = smartArtNodes.get_Item(i);
        for (let j = 0; j < smartArtNode.getShapes().size(); j++) {
            const nodeShape = smartArtNode.getShapes().get_Item(j);
            if (nodeShape.getTextFrame() != null) {
                console.log(nodeShape.getTextFrame().getText());
            }
        }
    }
    
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

SmartArt のレイアウト タイプを変更

In order to change the layout type of SmartArt. Please follow the steps below:

  • Create an instance of Presentation class.
  • Obtain the reference of a slide by using its Index.
  • Add SmartArt BasicBlockList.
  • Change LayoutType to BasicProcess.
  • Write the presentation as a PPTX file. In the example given below, we have added a connector between two shapes.
var pres = new aspose.slides.Presentation();
try {
    // SmartArt BasicProcess を追加
    var smart = pres.getSlides().get_Item(0).getShapes().addSmartArt(10, 10, 400, 300, aspose.slides.SmartArtLayoutType.BasicBlockList);
    // レイアウトタイプを BasicProcess に変更
    smart.setLayout(aspose.slides.SmartArtLayoutType.BasicProcess);
    // プレゼンテーションを保存
    pres.save("ChangeSmartArtLayout_out.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

SmartArt の非表示プロパティをチェック

Please note: method SmartArtNode.isHidden() returns true if this node is a hidden node in the data model. In order to check the hidden property of any node of SmartArt. Please follow the steps below:

  • Create an instance of Presentation class.
  • Add SmartArt RadialCycle.
  • Add node on SmartArt.
  • Check isHidden property.
  • Write the presentation as a PPTX file.

In the example given below, we have added a connector between two shapes.

var pres = new aspose.slides.Presentation();
try {
    // SmartArt BasicProcess を追加
    var smart = pres.getSlides().get_Item(0).getShapes().addSmartArt(10, 10, 400, 300, aspose.slides.SmartArtLayoutType.RadialCycle);
    // SmartArt にノードを追加
    var node = smart.getAllNodes().addNode();
    // isHidden プロパティを確認
    var hidden = node.isHidden();// true を返す
    if (hidden) {
        // 何らかのアクションや通知を行う
    }
    // プレゼンテーションを保存
    pres.save("CheckSmartArtHiddenProperty_out.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

組織図のタイプを取得または設定

Methods SmartArtNode.getOrganizationChartLayout() , setOrganizationChartLayout(int) allow get or sets organization chart type associated with current node. In order to get or set organization chart type. Please follow the steps below:

var pres = new aspose.slides.Presentation();
try {
    // SmartArt BasicProcess を追加
    var smart = pres.getSlides().get_Item(0).getShapes().addSmartArt(10, 10, 400, 300, aspose.slides.SmartArtLayoutType.OrganizationChart);
    // 組織図のタイプを取得または設定
    smart.getNodes().get_Item(0).setOrganizationChartLayout(aspose.slides.OrganizationChartLayoutType.LeftHanging);
    // プレゼンテーションを保存
    pres.save("OrganizeChartLayoutType_out.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

ピクチャー組織図の作成

Aspose.Slides for Node.js via Java provides a simple API for creating and PictureOrganization charts in an easy way. To create a chart on a slide:

  1. Create an instance of the Presentation class.
  2. Obtain a slide’s reference by its index.
  3. Add a chart with default data along with the desired type (ChartType.PictureOrganizationChart).
  4. Write the modified presentation to a PPTX file

The following code is used to create a chart.

var pres = new aspose.slides.Presentation("test.pptx");
try {
    var smartArt = pres.getSlides().get_Item(0).getShapes().addSmartArt(0, 0, 400, 400, aspose.slides.SmartArtLayoutType.PictureOrganizationChart);
    pres.save("OrganizationChart.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

SmartArt の状態を取得または設定

In order to change the layout type of SmartArt. Please follow the steps below:

  1. Create an instance of the Presentation class.
  2. Add SmartArt on slide.
  3. Get or Set the state of SmartArt Diagram.
  4. Write the presentation as a PPTX file.

The following code is used to create a chart.

// PPTX ファイルを表す Presentation クラスをインスタンス化
var pres = new aspose.slides.Presentation();
try {
    // SmartArt BasicProcess を追加
    var smart = pres.getSlides().get_Item(0).getShapes().addSmartArt(10, 10, 400, 300, aspose.slides.SmartArtLayoutType.BasicProcess);
    // SmartArt ダイアグラムの状態を取得または設定
    smart.setReversed(true);
    var flag = smart.isReversed();
    // プレゼンテーションを保存
    pres.save("output.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

FAQ

SmartArt は RTL 言語のミラーリング/反転をサポートしていますか？

Yes. The setReversed method switches the diagram direction (LTR/RTL) if the selected SmartArt type supports reversal.

SmartArt を同じスライドまたは別のプレゼンテーションにコピーして書式を保持するにはどうすればよいですか？

You can clone the SmartArt shape via the shapes collection (ShapeCollection.addClone) or clone the entire slide containing this shape. Both approaches preserve size, position, and styling.

SmartArt をプレビューや Web エクスポート用にラスター画像としてレンダリングするにはどうすればよいですか？

Render the slide (or the whole presentation) to PNG/JPEG through the API that converts slides/presentations to images—SmartArt will be drawn as part of the slide.

複数の SmartArt がある場合、特定の SmartArt をプログラムで選択するにはどうすればよいですか？

A common practice is to use alternative text (Alt Text) or setName and search for the shape by that attribute using Slide.getShapes, then check the type to confirm it’s SmartArt. The documentation describes typical techniques for finding and working with shapes.

プレゼンテーションビューア