JavaScriptでプレゼンテーションに長方形を追加する

スライドに長方形を追加

プレゼンテーションの選択したスライドにシンプルな長方形を追加するには、以下の手順に従ってください:

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

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

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

スライドに書式設定された長方形を追加

スライドに書式設定された長方形を追加するには、以下の手順に従ってください:

  • Presentation クラスのインスタンスを作成します。
  • インデックスを使用してスライドの参照を取得します。
  • Rectangle タイプの AutoShape を、ShapeCollection オブジェクトが公開する addAutoShape メソッドを使用して追加します。
  • 長方形の Fill Type を Solid に設定します。
  • Shape オブジェクトに関連付けられた FillFormat オブジェクトが公開する SolidFillColor.setColor メソッドを使用して、長方形の色を設定します。
  • 長方形の線の色を設定します。
  • 長方形の線の幅を設定します。
  • 変更したプレゼンテーションを書き出して PPTX ファイルに保存します。

上記の手順は以下の例に実装されています。

// PPTX を表す Presentation クラスのインスタンスを生成
var pres = new aspose.slides.Presentation();
try {
    // 最初のスライドを取得
    var sld = pres.getSlides().get_Item(0);
    // 楕円型の AutoShape を追加
    var shp = sld.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 50, 150, 150, 50);
    // 楕円シェイプに塗りつぶし書式を適用
    shp.getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    shp.getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "GRAY"));
    // 楕円の線に書式を適用
    shp.getLineFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    shp.getLineFormat().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "BLACK"));
    shp.getLineFormat().setWidth(5);
    // PPTX ファイルをディスクに保存
    pres.save("RecShp2.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

FAQ

角丸の長方形はどうやって追加しますか?

角丸の shape type を使用し、形状のプロパティでコーナー半径を調整します。ジオメトリの調整により、コーナーごとに丸めを適用することも可能です。

画像(テクスチャ)で長方形を塗りつぶすにはどうすればよいですか?

画像の fill type を picture に設定し、画像ソースを指定して、stretching/tiling modes を構成します。

長方形に影や光彩を付けることはできますか?

はい。Outer/inner shadow, glow, and soft edges が利用可能で、パラメータを調整できます。

長方形をハイパーリンク付きのボタンにできますか?

はい。形状のクリックに対して Assign a hyperlink を設定すれば、スライド、ファイル、Web アドレス、またはメールへのジャンプが可能です。

長方形が移動や変更されないように保護するにはどうすればよいですか?

shape ロックを使用します。移動、サイズ変更、選択、テキスト編集を禁止してレイアウトを保護できます。

長方形をラスタ画像や SVG に変換できますか?

はい。指定したサイズ/スケールで画像に render the shape するか、ベクタ利用のために export it as SVG できます。

テーマや継承を考慮した長方形の実際(有効)プロパティをすぐに取得するには?

Use the shape’s effective properties を使用します。API はテーマスタイル、レイアウト、ローカル設定を考慮した計算済み値を返し、書式分析を簡素化します。