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();
    // 最初の段落にアクセスする
    var para1 = tf1.getParagraphs().get_Item(0);
    var para2 = tf2.getParagraphs().get_Item(0);
    // 段落を両端揃えにする
    para2.getParagraphFormat().setAlignment(aspose.slides.TextAlignment.JustifyLow);
    // 最初のポーションにアクセスする
    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");
    // ポーションに新しいフォントを割り当てる
    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();
    }
}

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