จัดการแบบอักษรในงานนำเสนอโดยใช้ JavaScript

บทนำ

งานนำเสนอส่วนใหญ่ประกอบด้วยข้อความและรูปภาพ ทั้งสองอย่างสามารถจัดรูปแบบได้หลายวิธี ไม่ว่าจะเพื่อเน้นส่วนหรือคำเฉพาะหรือเพื่อให้สอดคล้องกับสไตล์ขององค์กร การจัดรูปแบบข้อความช่วยให้ผู้ใช้ปรับรูปลักษณ์และความรู้สึกของเนื้อหาในงานนำเสนอได้ บทความนี้แสดงวิธีใช้ Aspose.Slides for Node.js via Java เพื่อกำหนดคุณสมบัติของแบบอักษรในย่อหน้าข้อความบนสไลด์

จัดการคุณสมบัติที่เกี่ยวข้องกับแบบอักษร

เพื่อจัดการคุณสมบัติของแบบอักษรในย่อหน้าโดยใช้ Aspose.Slides for Node.js via Java:

สร้างอินสแตนซ์ของคลาส Presentation
รับอ้างอิงของสไลด์โดยใช้ดัชนีของมัน
เข้าถึงรูปร่าง Placeholder ในสไลด์และแปลงประเภทเป็น AutoShape
รับ Paragraph จาก TextFrame ที่ถูกเปิดเผยโดย AutoShape
จัดแนวย่อหน้าแบบจัดเต็ม
เข้าถึง Portion ของข้อความใน Paragraph
กำหนดแบบอักษรโดยใช้ FontData และตั้งค่า Font ของ Portion ให้สอดคล้อง
1. ตั้งค่าแบบอักษรให้เป็นตัวหนา
2. ตั้งค่าแบบอักษรให้เป็นตัวเอียง
ตั้งค่าสีของแบบอักษรโดยใช้ FillFormat ที่ถูกเปิดเผยโดยวัตถุ Portion
บันทึกงานนำเสนอที่แก้ไขเป็นไฟล์ PPTX

การดำเนินการตามขั้นตอนข้างต้นแสดงด้านล่าง จะรับไฟล์งานนำเสนอที่ยังไม่ได้ตกแต่งและจัดรูปแบบแบบอักษรบนสไลด์หนึ่ง ภาพหน้าจอที่ตามมาจะแสดงไฟล์ต้นฉบับและวิธีที่โค้ดสคริปต์ทำการเปลี่ยนแปลง ทั้งการเปลี่ยนแบบอักษร สี และสไตล์ของแบบอักษร


รูปที่ 1: ข้อความในไฟล์ต้นฉบับ


รูปที่ 2: ข้อความเดียวกันพร้อมการจัดรูปแบบที่อัพเดต

// สร้างอ็อบเจกต์ Presentation ที่เป็นตัวแทนของไฟล์ PPTX
var pres = new aspose.slides.Presentation("FontProperties.pptx");
try {
    // เข้าถึงสไลด์โดยใช้ตำแหน่งของสไลด์
    var slide = pres.getSlides().get_Item(0);
    // เข้าถึง placeholder ตัวแรกและตัวที่สองในสไลด์และแปลงประเภทเป็น 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
รับอ้างอิงของสไลด์โดยใช้ดัชนีของมัน
เพิ่ม AutoShape ชนิด Rectangle ลงในสไลด์
ลบสไตล์การเติมที่เชื่อมโยงกับ AutoShape
เข้าถึง TextFrame ของ AutoShape
เพิ่มข้อความบางส่วนลงใน TextFrame
เข้าถึงวัตถุ Portion ที่เชื่อมโยงกับ TextFrame
กำหนดแบบอักษรที่จะใช้สำหรับ Portion
ตั้งค่าคุณสมบัติอื่น ๆ ของแบบอักษรเช่น ตัวหนา, ตัวเอียง, การขีดเส้นใต้, สีและขนาดโดยใช้คุณสมบัติที่เปิดเผยโดยวัตถุ Portion
บันทึกงานนำเสนอที่แก้ไขเป็นไฟล์ PPTX

การดำเนินการตามขั้นตอนข้างต้นแสดงด้านล่าง


รูปที่ 3: ข้อความที่มีคุณสมบัติแบบอักษรถูกตั้งค่าโดย Aspose.Slides for Node.js via Java

// สร้างอ็อบเจกต์ Presentation ที่เป็นตัวแทนของไฟล์ PPTX
var pres = new aspose.slides.Presentation();
try {
    // ดึงสไลด์แรก
    var sld = pres.getSlides().get_Item(0);
    // เพิ่ม AutoShape ชนิด Rectangle
    var ashp = sld.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 50, 50, 200, 50);
    // ลบสไตล์การเติมใด ๆ ที่เชื่อมโยงกับ AutoShape
    ashp.getFillFormat().setFillType(java.newByte(aspose.slides.FillType.NoFill));
    // เข้าถึง TextFrame ที่เชื่อมโยงกับ AutoShape
    var tf = ashp.getTextFrame();
    tf.setText("Aspose TextBox");
    // เข้าถึง Portion ที่เชื่อมโยงกับ TextFrame
    var port = tf.getParagraphs().get_Item(0).getPortions().get_Item(0);
    // ตั้งค่าแบบอักษรสำหรับ Portion
    port.getPortionFormat().setLatinFont(new aspose.slides.FontData("Times New Roman"));
    // ตั้งค่าคุณสมบัติ Bold ของแบบอักษร
    port.getPortionFormat().setFontBold(aspose.slides.NullableBool.True);
    // ตั้งค่าคุณสมบัติ Italic ของแบบอักษร
    port.getPortionFormat().setFontItalic(aspose.slides.NullableBool.True);
    // ตั้งค่าคุณสมบัติ Underline ของแบบอักษร
    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();
    }
}

ปรับแต่งฟอนต์ PowerPoint ใน JavaScript