JavaScript でプレゼンテーションにライン形状を追加する

プレーン線の作成

簡単なプレーン線をプレゼンテーションの選択されたスライドに追加するには、以下の手順に従ってください。

  • Presentation クラスのインスタンスを作成します。
  • インデックスを使用してスライドの参照を取得します。
  • ShapeCollection オブジェクトが提供する addAutoShape メソッドを使用して、Line タイプの AutoShape を追加します。
  • 変更されたプレゼンテーションを PPTX ファイルとして書き出します。

以下の例では、プレゼンテーションの最初のスライドに線を追加しています。

// PPTX ファイルを表す PresentationEx クラスのインスタンスを作成
var pres = new aspose.slides.Presentation();
try {
    // 最初のスライドを取得
    var sld = pres.getSlides().get_Item(0);
    // タイプが line の AutoShape を追加
    sld.getShapes().addAutoShape(aspose.slides.ShapeType.Line, 50, 150, 300, 0);
    // PPTX をディスクに保存
    pres.save("LineShape.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

矢印形状の線の作成

Aspose.Slides for Node.js via Java は、線の外観を調整するためのプロパティ設定もサポートしています。線を矢印のように見せるために、いくつかのプロパティを設定してみましょう。以下の手順に従ってください。

  • Presentation クラスのインスタンスを作成します。
  • インデックスを使用してスライドの参照を取得します。
  • ShapeCollection オブジェクトが提供する addAutoShape メソッドを使用して、Line タイプの AutoShape を追加します。
  • Line Style を Aspose.Slides for Node.js via Java が提供するスタイルのいずれかに設定します。
  • 線の幅を設定します。
  • 線の Dash Style を Aspose.Slides for Node.js via Java が提供するスタイルのいずれかに設定します。
  • 線の開始点の Arrow Head StyleLength を設定します。
  • 線の終了点の Arrow Head StyleLength を設定します。
  • 変更されたプレゼンテーションを PPTX ファイルとして書き出します。
// PPTX ファイルを表す PresentationEx クラスのインスタンスを作成
var pres = new aspose.slides.Presentation();
try {
    // 最初のスライドを取得
    var sld = pres.getSlides().get_Item(0);
    // タイプが line の AutoShape を追加
    var shp = sld.getShapes().addAutoShape(aspose.slides.ShapeType.Line, 50, 150, 300, 0);
    // ラインにいくつかの書式設定を適用
    shp.getLineFormat().setStyle(aspose.slides.LineStyle.ThickBetweenThin);
    shp.getLineFormat().setWidth(10);
    shp.getLineFormat().setDashStyle(aspose.slides.LineDashStyle.DashDot);
    shp.getLineFormat().setBeginArrowheadLength(aspose.slides.LineArrowheadLength.Short);
    shp.getLineFormat().setBeginArrowheadStyle(aspose.slides.LineArrowheadStyle.Oval);
    shp.getLineFormat().setEndArrowheadLength(aspose.slides.LineArrowheadLength.Long);
    shp.getLineFormat().setEndArrowheadStyle(aspose.slides.LineArrowheadStyle.Triangle);
    shp.getLineFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    shp.getLineFormat().getFillFormat().getSolidFillColor().setColor(java.newInstanceSync("java.awt.Color", aspose.slides.PresetColor.Maroon));
    // PPTX をディスクに保存
    pres.save("LineShape.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

FAQ

通常の線をコネクタに変換して形状に「スナップ」させることはできますか?

いいえ。通常の線(タイプが LineAutoShape)は自動的にコネクタにはなりません。形状にスナップさせるには、専用の Connector タイプと接続用の corresponding APIs を使用してください。

線のプロパティがテーマから継承されていて、最終的な値を把握しにくい場合はどうすればよいですか?

有効なプロパティを読むILineFormatEffectiveData/ILineFillFormatEffectiveData クラスを通じて行います—これらは継承とテーマスタイルをすでに考慮しています。

線を編集(移動やサイズ変更)からロックできますか?

はい。Shapes は編集操作を禁止できる lock objects を提供します。