JavaScript を使用したプレゼンテーションでフォントを管理

フォント関連プロパティの管理

プレゼンテーションには通常、テキストと画像の両方が含まれます。テキストはさまざまな方法でフォーマットでき、特定のセクションや単語を強調したり、企業のスタイルに合わせたりできます。テキストの書式設定は、プレゼンテーションのコンテンツの外観と感触を変えるのに役立ちます。この記事では、Aspose.Slides for Node.js via Java を使用して、スライド上のテキスト段落のフォントプロパティを構成する方法を示します。

Aspose.Slides for Node.js via Java を使用して段落のフォントプロパティを管理するには、次の手順を実行します：

Presentation クラスのインスタンスを作成します。
インデックスを使用してスライドの参照を取得します。
スライド内の Placeholder シェイプにアクセスし、それらを AutoShape にキャストします。
AutoShape が提供する TextFrame から Paragraph を取得します。
段落を両端揃えにします。
Paragraph のテキスト Portion にアクセスします。
FontData を使用してフォントを定義し、テキスト Portion の Font を適切に設定します。
1. フォントを太字に設定します。
2. フォントを斜体に設定します。
Portion オブジェクトが提供する FillFormat を使用してフォントの色を設定します。
変更したプレゼンテーションを PPTX ファイルとして保存します。

上記の手順の実装例を以下に示します。装飾のないプレゼンテーションを取得し、スライドの 1 つのフォントをフォーマットします。以下のスクリーンショットは入力ファイルとコードスニペットがどのように変更されるかを示しています。コードはフォント、色、およびフォントスタイルを変更します。


図: 入力ファイルのテキスト


図: 更新された書式設定の同じテキスト

// PPTX ファイルを表す Presentation オブジェクトをインスタンス化する
var pres = new aspose.slides.Presentation("FontProperties.pptx");
try {
    // スライド位置を使用してスライドにアクセスする
    var slide = pres.getSlides().get_Item(0);
    // スライド内の最初と2番目のプレースホルダーにアクセスし、AutoShape に型キャストする
    var tf1 = slide.getShapes().get_Item(0).getTextFrame();
    var tf2 = slide.getShapes().get_Item(1).getTextFrame();
    // 最初の Paragraph にアクセスする
    var para1 = tf1.getParagraphs().get_Item(0);
    var para2 = tf2.getParagraphs().get_Item(0);
    // 段落を両端揃えにする
    para2.getParagraphFormat().setAlignment(aspose.slides.TextAlignment.JustifyLow);
    // 最初の Portion にアクセスする
    var port1 = para1.getPortions().get_Item(0);
    var port2 = para2.getPortions().get_Item(0);
    // 新しいフォントを定義する
    var fd1 = new aspose.slides.FontData("Elephant");
    var fd2 = new aspose.slides.FontData("Castellar");
    // 新しいフォントを Portion に割り当てる
    port1.getPortionFormat().setLatinFont(fd1);
    port2.getPortionFormat().setLatinFont(fd2);
    // フォントを太字に設定する
    port1.getPortionFormat().setFontBold(aspose.slides.NullableBool.True);
    port2.getPortionFormat().setFontBold(aspose.slides.NullableBool.True);
    // フォントを斜体に設定する
    port1.getPortionFormat().setFontItalic(aspose.slides.NullableBool.True);
    port2.getPortionFormat().setFontItalic(aspose.slides.NullableBool.True);
    // フォントの色を設定する
    port1.getPortionFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    port1.getPortionFormat().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "BLUE"));
    port2.getPortionFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    port2.getPortionFormat().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "GREEN"));
    // PPTX をディスクに保存する
    pres.save("WelcomeFont.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

テキストフォントプロパティの設定

フォント関連プロパティの管理 で述べたように、Portion は段落内で同様の書式スタイルを持つテキストを保持するために使用されます。この記事では、Aspose.Slides for Node.js via Java を使用してテキストボックスを作成し、特定のフォントとフォントファミリカテゴリのさまざまなプロパティを定義する方法を示します。

スライドにテキストボックスを作成し、テキストのフォントプロパティを設定するには、次の手順を実行します：

Presentation クラスのインスタンスを作成します。
インデックスを使用してスライドの参照を取得します。
スライドにタイプ Rectangle の AutoShape を追加します。
AutoShape に関連付けられた塗りつぶしスタイルを削除します。
AutoShape の TextFrame にアクセスします。
TextFrame にテキストを追加します。
TextFrame に関連付けられた Portion オブジェクトにアクセスします。
Portion に使用するフォントを定義します。
Portion オブジェクトが提供する関連プロパティを使用して、太字、斜体、下線、色、高さなどのその他のフォントプロパティを設定します。
変更したプレゼンテーションを PPTX ファイルとして書き出します。

上記手順の実装例を以下に示します。


図: Aspose.Slides for Node.js via Java によって設定されたフォントプロパティを持つテキスト

// PPTX ファイルを表す Presentation オブジェクトをインスタンス化する
var pres = new aspose.slides.Presentation();
try {
    // 最初のスライドを取得する
    var sld = pres.getSlides().get_Item(0);
    // 矩形タイプの AutoShape を追加する
    var ashp = sld.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 50, 50, 200, 50);
    // AutoShape に関連付けられた塗りつぶしスタイルを削除する
    ashp.getFillFormat().setFillType(java.newByte(aspose.slides.FillType.NoFill));
    // AutoShape に関連付けられた TextFrame にアクセスする
    var tf = ashp.getTextFrame();
    tf.setText("Aspose TextBox");
    // TextFrame に関連付けられた Portion にアクセスする
    var port = tf.getParagraphs().get_Item(0).getPortions().get_Item(0);
    // Portion のフォントを設定する
    port.getPortionFormat().setLatinFont(new aspose.slides.FontData("Times New Roman"));
    // フォントの太字プロパティを設定する
    port.getPortionFormat().setFontBold(aspose.slides.NullableBool.True);
    // フォントの斜体プロパティを設定する
    port.getPortionFormat().setFontItalic(aspose.slides.NullableBool.True);
    // フォントの下線プロパティを設定する
    port.getPortionFormat().setFontUnderline(aspose.slides.TextUnderlineType.Single);
    // フォントの高さを設定する
    port.getPortionFormat().setFontHeight(25);
    // フォントの色を設定する
    port.getPortionFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    port.getPortionFormat().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "BLUE"));
    // プレゼンテーションをディスクに保存する
    pres.save("pptxFont.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

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