# コネクタ

> Aspose.Slides for Node.js を使用し、PPT、PPTX、ODP プレゼンテーション向けの JavaScript サンプルで、シェイプ間にコネクタを追加、ルーティング、スタイル設定する方法を学びます。

Source: https://docs.aspose.com/slides/ja/nodejs-java/examples/elements/connector/
Updated: 2026-02-19

この記事では、**Aspose.Slides for Node.js via Java** を使用して、シェイプをコネクタで接続し、ターゲットを変更する方法を示します。

## **コネクタを追加**

スライド上の2点間にコネクタシェイプを挿入します。

```js
function addConnector() {
    let presentation = new aspose.slides.Presentation();
    try {
        let slide = presentation.getSlides().get_Item(0);

        let connector = slide.getShapes().addConnector(aspose.slides.ShapeType.BentConnector2, 0, 0, 100, 100);

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

## **コネクタにアクセス**

スライドに追加された最初のコネクタシェイプを取得します。

```js
function accessConnector() {
    let presentation = new aspose.slides.Presentation("connector.pptx");
    try {
        let slide = presentation.getSlides().get_Item(0);

        // スライド上の最初のコネクタにアクセスします。
        let connector = null;
        for (let i = 0; i < slide.getShapes().size(); i++) {
            let shape = slide.getShapes().get_Item(i);
            if (java.instanceOf(shape, "com.aspose.slides.IConnector")) {
                connector = shape;
                break;
            }
        }
    } finally {
        presentation.dispose();
    }
}
```

## **コネクタを削除**

スライドからコネクタを削除します。

```js
function removeConnector() {
    let presentation = new aspose.slides.Presentation("connector.pptx");
    try {
        let slide = presentation.getSlides().get_Item(0);

        // 最初のシェイプがコネクタであると想定して削除します。
        slide.getShapes().removeAt(0);

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

## **シェイプを再接続**

開始対象と終了対象を割り当てて、コネクタを2つのシェイプに接続します。

```js
function reconnectShapes() {
    let presentation = new aspose.slides.Presentation();
    try {
        let slide = presentation.getSlides().get_Item(0);

        let shape1 = slide.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 0, 0, 50, 50);
        let shape2 = slide.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 100, 100, 50, 50);

        let connector = slide.getShapes().addConnector(aspose.slides.ShapeType.BentConnector2, 0, 0, 100, 100);

        connector.setStartShapeConnectedTo(shape1);
        connector.setEndShapeConnectedTo(shape2);
    } finally {
        presentation.dispose();
    }
}
```