จัดการโนดรูปร่าง SmartArt ในงานพรีเซนเทชันด้วย JavaScript

ภาพรวม

กราฟิก SmartArt ในงานพรีเซนเทชันของ PowerPoint ถูกจัดระเบียบผ่านโนดที่มีข้อความและกำหนดโครงสร้างของแผนภาพ Aspose.Slides ให้คุณทำงานกับโนด SmartArt เหล่านี้ด้วยโปรแกรมได้: เพิ่มโนดและโนดลูกใหม่, แทรกโนดลูกในตำแหน่งที่กำหนด, เข้าถึงโนดที่มีอยู่, และอ่านข้อความ ระดับ และตำแหน่งของมัน

บทความนี้อธิบายวิธีการจัดการโนดรูปแบบ SmartArt ทั้งการลบโนด, ทำงานกับโนดลูกโดยใช้ดัชนีหรือตำแหน่ง, เปลี่ยนโนดผู้ช่วยให้เป็นโนดปกติ, ปรับตำแหน่ง ขนาด และการหมุนของรูปโนด SmartArt, ตั้งค่ารูปแบบการเติมของโนด, และสร้างภาพขนาดย่อของโนดลูก SmartArt

เพิ่มโนด SmartArt ในพรีเซนเทชัน PowerPoint ด้วย JavaScript

Aspose.Slides for Node.js via Java ได้ให้ API ที่ง่ายที่สุดสำหรับจัดการรูปร่าง SmartArt อย่างง่ายที่สุด ตัวอย่างโค้ดต่อไปนี้จะช่วยให้คุณเพิ่มโนดและโนดลูกภายในรูปร่าง SmartArt

สร้างอินสแตนซ์ของคลาส Presentation และโหลดพรีเซนเทชันที่มีรูปร่าง SmartArt
รับอ้างอิงของสไลด์แรกโดยใช้ Index ของมัน
วนผ่านรูปทรงทั้งหมดในสไลด์แรก
ตรวจสอบว่ารูปทรงเป็นประเภท SmartArt หรือไม่ และทำการแคสท์รูปทรงที่เลือกเป็น SmartArt หากเป็น SmartArt
เพิ่มโนดใหม่ ในรูปร่าง SmartArt NodeCollection และตั้งค่าข้อความใน TextFrame
ตอนนี้, เพิ่ม Child Node ในโนด SmartArt ที่เพิ่มใหม่และตั้งค่าข้อความใน TextFrame
บันทึกพรีเซนเทชัน

// โหลดพรีเซนเทชันที่ต้องการ
var pres = new aspose.slides.Presentation("SimpleSmartArt.pptx");
try {
    // วนผ่านรูปทรงทั้งหมดในสไลด์แรก
    for (let i = 0; i < pres.getSlides().get_Item(0).getShapes().size(); i++) {
        let shape = pres.getSlides().get_Item(0).getShapes().get_Item(i);
        // ตรวจสอบว่ารูปทรงเป็นประเภท SmartArt หรือไม่
        if (java.instanceOf(shape, "com.aspose.slides.SmartArt")) {
            // แคสท์รูปทรงเป็น SmartArt
            var smart = shape;
            // เพิ่มโนด SmartArt ใหม่
            var TemNode = smart.getAllNodes().addNode();
            // เพิ่มข้อความ
            TemNode.getTextFrame().setText("Test");
            // เพิ่มโนดลูกใหม่ในโนดพาเรนท์ จะถูกเพิ่มในตำแหน่งสุดท้ายของคอลเลกชัน
            var newNode = TemNode.getChildNodes().addNode();
            // เพิ่มข้อความ
            newNode.getTextFrame().setText("New Node Added");
        }
    }
    // บันทึกพรีเซนเทชัน
    pres.save("AddSmartArtNode.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

เพิ่มโนด SmartArt ที่ตำแหน่งเฉพาะ

ในตัวอย่างโค้ดต่อไปนี้ เราได้อธิบายวิธีการเพิ่มโนดลูกที่เป็นส่วนหนึ่งของโนดต่าง ๆ ของรูปร่าง SmartArt ในตำแหน่งที่ระบุ

สร้างอินสแตนซ์ของคลาส Presentation
รับอ้างอิงของสไลด์แรกโดยใช้ Index ของมัน
เพิ่มรูปร่าง StackedList ประเภท SmartArt ในสไลด์ที่เข้าถึง
เข้าถึงโนดแรกในรูปร่าง SmartArt ที่เพิ่มไว้
ตอนนี้, เพิ่ม Child Node สำหรับ Node ที่เลือกที่ตำแหน่ง 2 และตั้งค่าข้อความของมัน
บันทึกพรีเซนเทชัน

// สร้างอินสแตนซ์พรีเซนเทชัน
var pres = new aspose.slides.Presentation();
try {
    // เข้าถึงสไลด์พรีเซนเทชัน
    var slide = pres.getSlides().get_Item(0);
    // เพิ่ม Smart Art IShape
    var smart = slide.getShapes().addSmartArt(0, 0, 400, 400, aspose.slides.SmartArtLayoutType.StackedList);
    // เข้าถึงโนด SmartArt ที่ดัชนี 0
    var node = smart.getAllNodes().get_Item(0);
    // เพิ่มโนดลูกใหม่ที่ตำแหน่ง 2 ในโนดพาเรนท์
    var chNode = node.getChildNodes().addNodeByPosition(2);
    // เพิ่มข้อความ
    chNode.getTextFrame().setText("Sample Text Added");
    // บันทึกพรีเซนเทชัน
    pres.save("AddSmartArtNodeByPosition.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

เข้าถึงโนด SmartArt ในพรีเซนเทชัน PowerPoint ด้วย JavaScript

ตัวอย่างโค้ดต่อไปนี้จะช่วยให้คุณเข้าถึงโนดภายในรูปร่าง SmartArt โปรดทราบว่าคุณไม่สามารถเปลี่ยน LayoutType ของ SmartArt ได้ เพราะเป็นค่าอ่านอย่างเดียวและจะตั้งค่าเฉพาะเมื่อรูปร่าง SmartArt ถูกเพิ่ม

สร้างอินสแตนซ์ของคลาส Presentation และโหลดพรีเซนเทชันที่มีรูปร่าง SmartArt
รับอ้างอิงของสไลด์แรกโดยใช้ Index ของมัน
วนผ่านรูปทรงทั้งหมดในสไลด์แรก
ตรวจสอบว่ารูปทรงเป็นประเภท SmartArt หรือไม่ และทำการแคสท์รูปทรงที่เลือกเป็น SmartArt หากเป็น SmartArt
วนผ่านทุก Nodes ภายในรูปร่าง SmartArt
เข้าถึงและแสดงข้อมูลเช่น ตำแหน่งของโนด SmartArt, ระดับและข้อความ

// สร้างอินสแตนซ์คลาส Presentation
var pres = new aspose.slides.Presentation("SmartArtShape.pptx");
try {
    // ดึงสไลด์แรก
    var slide = pres.getSlides().get_Item(0);
    // วนผ่านรูปทรงทั้งหมดในสไลด์แรก
    for (let i = 0; i < slide.getShapes().size(); i++) {
        let shape = slide.getShapes().get_Item(i);
        // ตรวจสอบว่ารูปทรงเป็นประเภท SmartArt หรือไม่
        if (java.instanceOf(shape, "com.aspose.slides.ISmartArt")) {
            // แคสท์รูปทรงเป็น SmartArt
            var smart = shape;
            // วนผ่านโนดทั้งหมดภายใน SmartArt
            for (var j = 0; j < smart.getAllNodes().size(); j++) {
                // เข้าถึงโนด SmartArt ที่ดัชนี i
                var node = smart.getAllNodes().get_Item(j);
                // พิมพ์พารามิเตอร์ของโนด SmartArt
                console.log(node.getTextFrame().getText() + " " + node.getLevel() + " " + node.getPosition());
            }
        }
    }
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

เข้าถึงโนดลูก SmartArt

ตัวอย่างโค้ดต่อไปนี้จะช่วยให้คุณเข้าถึงโนดลูกที่เป็นส่วนหนึ่งของโนดต่าง ๆ ของรูปร่าง SmartArt

สร้างอินสแตนซ์ของคลาส Presentation และโหลดพรีเซนเทชันที่มีรูปร่าง SmartArt
รับอ้างอิงของสไลด์แรกโดยใช้ Index ของมัน
วนผ่านรูปทรงทั้งหมดในสไลด์แรก
ตรวจสอบว่ารูปทรงเป็นประเภท SmartArt หรือไม่ และทำการแคสท์รูปทรงที่เลือกเป็น SmartArt หากเป็น SmartArt
วนผ่านทุก Nodes ภายในรูปร่าง SmartArt
สำหรับแต่ละ Node ของรูปร่าง SmartArt ที่เลือก, วนผ่านทุก Child Nodes ภายในโนดนั้น
เข้าถึงและแสดงข้อมูลเช่น ตำแหน่งของ Child Node ระดับและข้อความ

// สร้างอินสแตนซ์คลาส Presentation
var pres = new aspose.slides.Presentation("AccessChildNodes.pptx");
try {
    // ดึงสไลด์แรก
    var slide = pres.getSlides().get_Item(0);
    // วนผ่านรูปทรงทั้งหมดในสไลด์แรก
    for (let s = 0; s < slide.getShapes().size(); s++) {
        let shape = slide.getShapes().get_Item(s);
        // ตรวจสอบว่ารูปทรงเป็นประเภท SmartArt หรือไม่
        if (java.instanceOf(shape, "com.aspose.slides.ISmartArt")) {
            // แคสท์รูปทรงเป็น SmartArt
            var smart = shape;
            // วนผ่านโนดทั้งหมดภายใน SmartArt
            for (var i = 0; i < smart.getAllNodes().size(); i++) {
                // เข้าถึงโนด SmartArt ที่ดัชนี i
                var node0 = smart.getAllNodes().get_Item(i);
                // วนผ่านโนดลูกในโนด SmartArt ที่ดัชนี i
                for (var j = 0; j < node0.getChildNodes().size(); j++) {
                    // เข้าถึงโนดลูกในโนด SmartArt
                    var node = node0.getChildNodes().get_Item(j);
                    // พิมพ์พารามิเตอร์ของโนดลูก SmartArt
                    console.log("j = " + j + ", Text = " + node.getTextFrame().getText() + ",  Level = " + node.getLevel() + ", Position = " + node.getPosition());
                }
            }
        }
    }
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

เข้าถึงโนดลูก SmartArt ที่ตำแหน่งเฉพาะ

ในตัวอย่างนี้ เราจะเรียนรู้วิธีเข้าถึงโนดลูกที่อยู่ในตำแหน่งบางส่วนของโนดต่าง ๆ ของรูปร่าง SmartArt

สร้างอินสแตนซ์ของคลาส Presentation
รับอ้างอิงของสไลด์แรกโดยใช้ Index ของมัน
เพิ่มรูปร่าง StackedList ประเภท SmartArt
เข้าถึงรูปร่าง SmartArt ที่เพิ่มไว้
เข้าถึงโนดที่ดัชนี 0 ของรูปร่าง SmartArt ที่เข้าถึง
ตอนนี้, เข้าถึง Child Node ที่ตำแหน่ง 1 ของโนด SmartArt ที่เข้าถึงโดยใช้เมธอด get_Item()
เข้าถึงและแสดงข้อมูลเช่น ตำแหน่งของ Child Node ระดับและข้อความ

// สร้างอินสแตนซ์พรีเซนเทชัน
var pres = new aspose.slides.Presentation();
try {
    // เข้าถึงสไลด์แรก
    var slide = pres.getSlides().get_Item(0);
    // เพิ่มรูปร่าง SmartArt ในสไลด์แรก
    var smart = slide.getShapes().addSmartArt(0, 0, 400, 400, aspose.slides.SmartArtLayoutType.StackedList);
    // เข้าถึงโนด SmartArt ที่ดัชนี 0
    var node = smart.getAllNodes().get_Item(0);
    // เข้าถึงโนดลูกที่ตำแหน่ง 1 ในโนดพาเรนท์
    var position = 1;
    var chNode = node.getChildNodes().get_Item(position);
    // พิมพ์พารามิเตอร์ของโนดลูก SmartArt
    console.log("Text = " + chNode.getTextFrame().getText() + ",  Level = " + chNode.getLevel() + ", Position = " + chNode.getPosition());
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

ลบโนด SmartArt ในพรีเซนเทชัน PowerPoint ด้วย JavaScript

ในตัวอย่างนี้ เราจะเรียนรู้วิธีลบโนดภายในรูปร่าง SmartArt

สร้างอินสแตนซ์ของคลาส Presentation และโหลดพรีเซนเทชันที่มีรูปร่าง SmartArt
รับอ้างอิงของสไลด์แรกโดยใช้ Index ของมัน
วนผ่านรูปทรงทั้งหมดในสไลด์แรก
ตรวจสอบว่ารูปทรงเป็นประเภท SmartArt หรือไม่ และทำการแคสท์รูปทรงที่เลือกเป็น SmartArt หากเป็น SmartArt
ตรวจสอบว่า SmartArt มีโนดมากกว่า 0 หรือไม่
เลือกโนด SmartArt ที่ต้องการลบ
ตอนนี้, ลบโนดที่เลือกโดยใช้เมธอด RemoveNode
บันทึกพรีเซนเทชัน

// โหลดพรีเซนเทชันที่ต้องการ
var pres = new aspose.slides.Presentation("AddSmartArtNode.pptx");
try {
    // วนผ่านรูปทรงทั้งหมดในสไลด์แรก
    for (let i = 0; i < pres.getSlides().get_Item(0).getShapes().size(); i++) {
        let shape = pres.getSlides().get_Item(0).getShapes().get_Item(i);
        // ตรวจสอบว่ารูปทรงเป็นประเภท SmartArt หรือไม่
        if (java.instanceOf(shape, "com.aspose.slides.ISmartArt")) {
            // แคสท์รูปทรงเป็น SmartArt
            var smart = shape;
            if (smart.getAllNodes().size() > 0) {
                // เข้าถึงโนด SmartArt ที่ดัชนี 0
                var node = smart.getAllNodes().get_Item(0);
                // ลบโนดที่เลือก
                smart.getAllNodes().removeNode(node);
            }
        }
    }
    // บันทึกพรีเซนเทชัน
    pres.save("RemoveSmartArtNode.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

ลบโนด SmartArt ที่ตำแหน่งเฉพาะ

ในตัวอย่างนี้ เราจะเรียนรู้วิธีลบโนดภายในรูปร่าง SmartArt ที่ตำแหน่งเฉพาะ

สร้างอินสแตนซ์ของคลาส Presentation และโหลดพรีเซนเทชันที่มีรูปร่าง SmartArt
รับอ้างอิงของสไลด์แรกโดยใช้ Index ของมัน
วนผ่านรูปทรงทั้งหมดในสไลด์แรก
ตรวจสอบว่ารูปทรงเป็นประเภท SmartArt หรือไม่ และทำการแคสท์รูปทรงที่เลือกเป็น SmartArt หากเป็น SmartArt
เลือกโนดรูปร่าง SmartArt ที่ดัชนี 0
ตอนนี้, ตรวจสอบว่าโนด SmartArt ที่เลือกมีโนดลูกมากกว่า 2 หรือไม่
ตอนนี้, ลบโนดที่ตำแหน่ง Position 1 โดยใช้เมธอด RemoveNode
บันทึกพรีเซนเทชัน

// โหลดพรีเซนเทชันที่ต้องการ
var pres = new aspose.slides.Presentation("AddSmartArtNode.pptx");
try {
    // วนผ่านรูปทรงทั้งหมดในสไลด์แรก
    for (let i = 0; i < pres.getSlides().get_Item(0).getShapes().size(); i++) {
        let shape = pres.getSlides().get_Item(0).getShapes().get_Item(i);
        // ตรวจสอบว่ารูปทรงเป็นประเภท SmartArt หรือไม่
        if (java.instanceOf(shape, "com.aspose.slides.SmartArt")) {
            // แคสท์รูปทรงเป็น SmartArt
            var smart = shape;
            if (smart.getAllNodes().size() > 0) {
                // เข้าถึงโนด SmartArt ที่ดัชนี 0
                var node = smart.getAllNodes().get_Item(0);
                if (node.getChildNodes().size() >= 2) {
                    // ลบโนดลูกที่ตำแหน่ง 1
                    node.getChildNodes().removeNode(1);
                }
            }
        }
    }
    // บันทึกพรีเซนเทชัน
    pres.save("RemoveSmartArtNodeByPosition.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

ตั้งค่าตำแหน่งกำหนดเองสำหรับโนดลูกใน SmartArt

ตอนนี้ Aspose.Slides for Node.js via Java รองรับการตั้งค่าคุณสมบัติ SmartArtShape X และ Y โค้ดสแนปด้านล่างแสดงวิธีตั้งค่าตำแหน่ง, ขนาด และการหมุนของ SmartArtShape แบบกำหนดเอง โปรดทราบว่าการเพิ่มโนดใหม่จะทำให้ตำแหน่งและขนาดของโนดทั้งหมดต้องคำนวณใหม่ และด้วยการตั้งค่าตำแหน่งแบบกำหนดเอง ผู้ใช้สามารถกำหนดตำแหน่งโนดตามความต้องการ

// สร้างอินสแตนซ์คลาส Presentation
var pres = new aspose.slides.Presentation("SimpleSmartArt.pptx");
try {
    var smart = pres.getSlides().get_Item(0).getShapes().addSmartArt(20, 20, 600, 500, aspose.slides.SmartArtLayoutType.OrganizationChart);
    // ย้ายรูปร่าง SmartArt ไปยังตำแหน่งใหม่
    var node = smart.getAllNodes().get_Item(1);
    var shape = node.getShapes().get_Item(1);
    shape.setX(shape.getX() + (shape.getWidth() * 2));
    shape.setY(shape.getY() - (shape.getHeight() * 2));
    // เปลี่ยนความกว้างของรูปร่าง SmartArt
    node = smart.getAllNodes().get_Item(2);
    shape = node.getShapes().get_Item(1);
    shape.setWidth(shape.getWidth() + (shape.getWidth() * 2));
    // เปลี่ยนความสูงของรูปร่าง SmartArt
    node = smart.getAllNodes().get_Item(3);
    shape = node.getShapes().get_Item(1);
    shape.setHeight(shape.getHeight() + (shape.getHeight() * 2));
    // เปลี่ยนการหมุนของรูปร่าง SmartArt
    node = smart.getAllNodes().get_Item(4);
    shape = node.getShapes().get_Item(1);
    shape.setRotation(90);
    pres.save("SmartArt.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    pres.dispose();
}

ตรวจสอบโนดผู้ช่วย

ในบทความนี้เราจะสำรวจคุณลักษณะของรูปร่าง SmartArt ที่เพิ่มในสไลด์พรีเซนเทชันโดยใช้ Aspose.Slides for Node.js via Java

เราจะใช้รูปร่าง SmartArt แหล่งที่มาดังต่อไปนี้สำหรับการสำรวจในส่วนต่าง ๆ ของบทความนี้


รูปที่ 1: รูปร่าง SmartArt แหล่งที่มาบนสไลด์

ในตัวอย่างโค้ดต่อไปนี้ เราจะสำรวจวิธีการระบุ Assistant Nodes ในคอลเลกชันโนด SmartArt และการเปลี่ยนแปลงของพวกมัน

สร้างอินสแตนซ์ของคลาส Presentation และโหลดพรีเซนเทชันที่มีรูปร่าง SmartArt
รับอ้างอิงของสไลด์ที่สองโดยใช้ Index ของมัน
วนผ่านรูปทรงทั้งหมดในสไลด์แรก
ตรวจสอบว่ารูปทรงเป็นประเภท SmartArt หรือไม่ และทำการแคสท์รูปทรงที่เลือกเป็น SmartArt หากเป็น SmartArt
วนผ่านโนดทั้งหมดภายในรูปร่าง SmartArt และตรวจสอบว่าพวกมันเป็น Assistant Nodes หรือไม่
เปลี่ยนสถานะของโนดผู้ช่วยให้เป็นโนดปกติ
บันทึกพรีเซนเทชัน

// สร้างอินสแตนซ์พรีเซนเทชัน
var pres = new aspose.slides.Presentation("AddNodes.pptx");
try {
    // วนผ่านรูปทรงทั้งหมดในสไลด์แรก
    for (let i = 0; i < pres.getSlides().get_Item(0).getShapes().size(); i++) {
        let shape = pres.getSlides().get_Item(0).getShapes().get_Item(i);
        // ตรวจสอบว่ารูปทรงเป็นประเภท SmartArt หรือไม่
        if (java.instanceOf(shape, "com.aspose.slides.ISmartArt")) {
            // แคสท์รูปทรงเป็น SmartArt
            var smart = shape;
            // วนผ่านโนดทั้งหมดของรูปร่าง SmartArt
            for (var j = 0; j < smart.getAllNodes().size(); j++) {
                var node = smart.getAllNodes().get_Item(j);
                // ตรวจสอบว่าโนดเป็นโนดผู้ช่วยหรือไม่
                if (node.isAssistant()) {
                    // ตั้งค่าโนดผู้ช่วยเป็น false และทำให้เป็นโนดปกติ
                    node.isAssistant();
                }
            }
        }
    }
    // บันทึกพรีเซนเทชัน
    pres.save("ChangeAssitantNode.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}


รูปที่ 2: โนดผู้ช่วยที่เปลี่ยนในรูปร่าง SmartArt บนสไลด์

ตั้งค่ารูปแบบการเติมของโนด

Aspose.Slides for Node.js via Java ทำให้สามารถเพิ่มรูปร่าง SmartArt แบบกำหนดเองและตั้งค่ารูปแบบการเติมของมันได้ บทความนี้อธิบายวิธีสร้างและเข้าถึงรูปร่าง SmartArt และตั้งค่ารูปแบบการเติมโดยใช้ Aspose.Slides for Node.js via Java

กรุณาติดตามขั้นตอนต่อไปนี้

สร้างอินสแตนซ์ของคลาส Presentation
รับอ้างอิงของสไลด์โดยใช้ดัชนีของมัน
เพิ่มรูปร่าง SmartArt โดยกำหนด LayoutType
ตั้งค่า FillFormat สำหรับโนดรูปร่าง SmartArt
เขียนพรีเซนเทชันที่แก้ไขแล้วเป็นไฟล์ PPTX

// สร้างอินสแตนซ์พรีเซนเทชัน
var pres = new aspose.slides.Presentation();
try {
    // เข้าถึงสไลด์
    var slide = pres.getSlides().get_Item(0);
    // เพิ่มรูปร่าง SmartArt และโนด
    var chevron = slide.getShapes().addSmartArt(10, 10, 800, 60, aspose.slides.SmartArtLayoutType.ClosedChevronProcess);
    var node = chevron.getAllNodes().addNode();
    node.getTextFrame().setText("Some text");
    // ตั้งค่าสีเติมของโนด
    for (let i = 0; i < node.getShapes().size(); i++) {
        let item = node.getShapes().get_Item(i);
        item.getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
        item.getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "RED"));
    }
    // บันทึกพรีเซนเทชัน
    pres.save("TestSmart.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

สร้างภาพขนาดย่อของโนดลูก SmartArt

นักพัฒนาสามารถสร้างภาพขนาดย่อของโนดลูกของ SmartArt ได้โดยทำตามขั้นตอนต่อไปนี้

สร้างอินสแตนซ์ของคลาส Presentation
เพิ่ม SmartArt
รับอ้างอิงของโนดโดยใช้ Index ของมัน
รับภาพขนาดย่อ
บันทึกภาพขนาดย่อในรูปแบบภาพที่ต้องการใด ๆ

// สร้างอินสแตนซ์ของคลาส Presentation ที่แทนไฟล์ PPTX
var pres = new aspose.slides.Presentation();
try {
    // เพิ่ม SmartArt
    var smart = pres.getSlides().get_Item(0).getShapes().addSmartArt(10, 10, 400, 300, aspose.slides.SmartArtLayoutType.BasicCycle);
    // รับอ้างอิงของโนดโดยใช้ Index ของมัน
    var node = smart.getNodes().get_Item(1);
    // รับภาพขนาดย่อ
    var slideImage = node.getShapes().get_Item(0).getImage();
    // บันทึกภาพขนาดย่อ
    try {
        slideImage.save("SmartArt_ChildNote_Thumbnail.png", aspose.slides.ImageFormat.Png);
    } finally {
        if (slideImage != null) {
            slideImage.dispose();
        }
    }
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

FAQ

SmartArt animation ถูกสนับสนุนหรือไม่?

ใช่ SmartArt ถูกถือว่าเป็นรูปทรงปกติ ดังนั้นคุณสามารถ apply standard animations (entrance, exit, emphasis, motion paths) และปรับเวลาการแสดงได้ คุณยังสามารถทำให้รูปทรงภายในโนด SmartArt เคลื่อนไหวได้เมื่อจำเป็น

หากไม่ทราบ ID ภายในของ SmartArt จะค้นหา SmartArt ที่กำหนดบนสไลด์ได้อย่างไร?

กำหนดและค้นหาโดยใช้ alternative text การตั้งค่า AltText ที่เด่นบน SmartArt จะทำให้คุณพบได้โดยไม่ต้องอ้างอิงถึงตัวระบุภายใน

รูปลักษณ์ของ SmartArt จะคงเดิมเมื่อแปลงพรีเซนเทชันเป็น PDF หรือไม่?

ใช่ Aspose.Slides เรนเดอร์ SmartArt ด้วยความแม่นยำสูงในระหว่าง PDF export ทำให้คงการจัดวาง สี และเอฟเฟ็กต์

สามารถดึงภาพของ SmartArt ทั้งหมด (สำหรับพรีวิวหรือรายงาน) ได้หรือไม่?

ได้ คุณสามารถเรนเดอร์รูปร่าง SmartArt เป็น raster formats หรือเป็น SVG สำหรับเอาต์พุตเวกเตอร์ที่ขยายได้ ทำให้เหมาะสำหรับภาพขนาดย่อ รายงาน หรือการใช้งานบนเว็บ

จัดการกราฟิก SmartArt ในงานนำเสนอด้วย JavaScript