JavaScript का उपयोग करके प्रस्तुतियों में SmartArt ग्राफ़िक्स प्रबंधित करें

अवलोकन

Aspose.Slides आपको प्रोग्रामेटिक रूप से PowerPoint प्रस्तुतियों में SmartArt ग्राफ़िक्स बनाने और प्रबंधित करने की अनुमति देता है। यह लेख बताता है कि स्लाइड में SmartArt आकृति कैसे जोड़ें, मौजूदा SmartArt आकृतियों तक कैसे पहुँचें, किसी विशिष्ट लेआउट प्रकार से SmartArt कैसे खोजें, और SmartArt शैली या रंग शैली बदलकर उसकी दृश्य उपस्थिति को अपडेट कैसे करें।

उदाहरण दिखाते हैं कि प्रस्तुति स्लाइड की आकृति संग्रह के माध्यम से SmartArt आकृतियों के साथ कैसे काम किया जाए, यह जांचें कि कोई आकृति SmartArt है या नहीं, और फिर उसकी गुणधर्मों को संशोधित या निरीक्षण करें।

SmartArt आकृति बनाएं

Aspose.Slides for Node.js via Java ने SmartArt आकृतियों को बनाने के लिए एक API प्रदान किया है। स्लाइड में SmartArt आकृति बनाने के लिए, नीचे दिए गए चरणों का पालन करें:

  1. Create an instance of Presentation class.
  2. Obtain the reference of a slide by using its Index.
  3. Add a SmartArt shape by setting it LayoutType.
  4. Save the modified presentation as a PPTX file.
// प्रस्तुति क्लास का उदाहरण बनाएँ
var pres = new aspose.slides.Presentation();
try {
    // पहला स्लाइड प्राप्त करें
    var slide = pres.getSlides().get_Item(0);
    // Smart Art आकृति जोड़ें
    var smart = slide.getShapes().addSmartArt(0, 0, 400, 400, aspose.slides.SmartArtLayoutType.BasicBlockList);
    // प्रस्तुति सहेजना
    pres.save("SimpleSmartArt.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}
todo:image_alt_text
Figure: SmartArt shape added to the slide

स्लाइड में SmartArt आकृति तक पहुंचें

निम्न कोड का उपयोग प्रस्तुति स्लाइड में जोड़ी गई SmartArt आकृतियों तक पहुँचने के लिए किया जाएगा। नमूना कोड में हम स्लाइड के भीतर प्रत्येक आकृति पर यात्रा करेंगे और जांचेंगे कि क्या वह एक SmartArt आकृति है। यदि आकृति SmartArt प्रकार की है तो हम उसे SmartArt इंस्टेंस में टाइपकास्ट करेंगे।

// इच्छित प्रस्तुति लोड करें
var pres = new aspose.slides.Presentation("AccessSmartArtShape.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")) {
            // आकृति को SmartArtEx में टाइपकास्ट करें
            var smart = shape;
            console.log("Shape Name:" + smart.getName());
        }
    }
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

विशिष्ट लेआउट प्रकार के साथ SmartArt आकृति तक पहुंचें

निम्न नमूना कोड आपको विशिष्ट LayoutType वाले SmartArt आकृति तक पहुँचने में मदद करेगा। कृपया ध्यान दें कि आप SmartArt की LayoutType नहीं बदल सकते क्योंकि यह केवल पढ़ने योग्य है और केवल तब सेट होता है जब SmartArt आकृति जोड़ी जाती है।

  1. Create an instance of Presentation class and load the presentation with SmartArt Shape.
  2. Obtain the reference of first slide by using its Index.
  3. Traverse through every shape inside first slide.
  4. Check if shape is of SmartArt type and Typecast selected shape to SmartArt if it is SmartArt.
  5. Check the SmartArt shape with particular LayoutType and perform what is required to be done afterwards.
var pres = new aspose.slides.Presentation("AccessSmartArtShape.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")) {
            // आकृति को SmartArtEx में टाइपकास्ट करें
            var smart = shape;
            // SmartArt लेआउट की जाँच कर रहे हैं
            if (smart.getLayout() == aspose.slides.SmartArtLayoutType.BasicBlockList) {
                console.log("Do some thing here....");
            }
        }
    }
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

SmartArt आकृति शैली बदलें

इस उदाहरण में, हम किसी भी SmartArt आकृति के लिए त्वरित शैली को बदलना सीखेंगे।

  1. Create an instance of Presentation class and load the presentation with SmartArt Shape.
  2. Obtain the reference of first slide by using its Index.
  3. Traverse through every shape inside first slide.
  4. Check if shape is of SmartArt type and Typecast selected shape to SmartArt if it is SmartArt.
  5. Find the SmartArt shape with particular Style.
  6. Set the new Style for the SmartArt shape.
  7. Save the Presentation.
// प्रस्तुति क्लास का उदाहरण बनाएँ
var pres = new aspose.slides.Presentation("SimpleSmartArt.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")) {
            // आकृति को SmartArtEx में टाइपकास्ट करें
            var smart = shape;
            // SmartArt शैली की जाँच कर रहे हैं
            if (smart.getQuickStyle() == aspose.slides.SmartArtQuickStyleType.SimpleFill) {
                // SmartArt शैली बदल रहे हैं
                smart.setQuickStyle(aspose.slides.SmartArtQuickStyleType.Cartoon);
            }
        }
    }
    // प्रस्तुति सहेजना
    pres.save("ChangeSmartArtStyle.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    pres.dispose();
}
todo:image_alt_text
Figure: SmartArt shape with changed Style

SmartArt आकृति रंग शैली बदलें

इस उदाहरण में, हम किसी भी SmartArt आकृति के लिए रंग शैली बदलना सीखेंगे। निम्न नमूना कोड विशिष्ट रंग शैली वाली SmartArt आकृति तक पहुँचता है और उसकी शैली को बदलता है।

  1. Create an instance of Presentation class and load the presentation with SmartArt Shape.
  2. Obtain the reference of first slide by using its Index.
  3. Traverse through every shape inside first slide.
  4. Check if shape is of SmartArt type and Typecast selected shape to SmartArt if it is SmartArt.
  5. Find the SmartArt shape with particular Color Style.
  6. Set the new Color Style for the SmartArt shape.
  7. Save the Presentation.
// प्रस्तुति क्लास का उदाहरण बनाएँ
var pres = new aspose.slides.Presentation("SimpleSmartArt.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")) {
            // आकृति को SmartArtEx में टाइपकास्ट करें
            var smart = shape;
            // SmartArt रंग प्रकार की जाँच कर रहे हैं
            if (smart.getColorStyle() == aspose.slides.SmartArtColorType.ColoredFillAccent1) {
                // SmartArt रंग प्रकार बदल रहे हैं
                smart.setColorStyle(aspose.slides.SmartArtColorType.ColorfulAccentColors);
            }
        }
    }
    // प्रस्तुति सहेजना
    pres.save("ChangeSmartArtColorStyle.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    pres.dispose();
}
todo:image_alt_text
Figure: SmartArt shape with changed Color Style

अक्सर पूछे जाने वाले प्रश्न

क्या मैं SmartArt को एक एकल वस्तु के रूप में एनीमेट कर सकता हूँ?

हाँ। SmartArt एक आकृति है, इसलिए आप अन्य आकृतियों की तरह ही एनीमेशन API (प्रवेश, निकास, जोर, मोशन पाथ) के माध्यम से मानक एनीमेशन लागू कर सकते हैं।

यदि मुझे स्लाइड में किसी विशिष्ट SmartArt का आंतरिक ID नहीं पता है तो मैं उसे कैसे खोजूँ?

Alternative Text (AltText) सेट करें और उस मान द्वारा आकृति को खोजें—यह लक्ष्य आकृति को खोजने का अनुशंसित तरीका है।

क्या मैं SmartArt को अन्य आकृतियों के साथ समूहित कर सकता हूँ?

हाँ। आप SmartArt को अन्य आकृतियों (चित्र, तालिकाएँ आदि) के साथ समूहित कर सकते हैं और फिर समूह को संशोधित कर सकते हैं।

मैं किसी विशिष्ट SmartArt की छवि (जैसे प्रीव्यू या रिपोर्ट के लिए) कैसे प्राप्त करूँ?

आकृति की थंबनेल/छवि निर्यात करें; लाइब्रेरी व्यक्तिगत आकृतियों को रेंडर कर PNG/JPG/TIFF जैसे रास्टर फ़ाइलों में बना सकती है।

पूरा प्रस्तुति PDF में बदलने पर SmartArt की उपस्थिति बनी रहती है या नहीं?

हाँ। रेंडरिंग इंजन उच्च फ़िडेलिटी के साथ PDF निर्यात के लिए लक्षित है, जिसमें विभिन्न गुणवत्ता और संगतता विकल्प उपलब्ध हैं।

JavaScript का उपयोग करके PowerPoint प्रस्तुतियों में SmartArt का प्रबंधन JavaScript का उपयोग करके प्रस्तुतियों में SmartArt आकृति नोड्स का प्रबंधन