JavaScript में प्रस्तुति व्यूअर बनाएं

परिचय

Aspose.Slides for Node.js via Java का उपयोग स्लाइडों वाली प्रस्तुति फ़ाइलें बनाने के लिए किया जाता है। इन स्लाइडों को Microsoft PowerPoint आदि में प्रस्तुति खोलकर देखा जा सकता है। हालांकि, कभी‑कभी डेवलपर्स को स्लाइडों को अपने पसंदीदा इमेज व्यूअर में छवि के रूप में देखना या अपना स्वयं का प्रस्तुति व्यूअर बनाना पड़ सकता है। ऐसे मामलों में, Aspose.Slides आपको व्यक्तिगत स्लाइड को छवि के रूप में निर्यात करने की सुविधा देता है। यह लेख बताता है कि यह कैसे किया जाए।

स्लाइड से SVG छवि बनाएं

Aspose.Slides के साथ प्रस्तुति स्लाइड से SVG छवि बनाने के लिए नीचे दिए गए चरणों का पालन करें:

  1. Presentation क्लास का एक इंस्टेंस बनाएं।
  2. इंडेक्स द्वारा स्लाइड संदर्भ प्राप्त करें।
  3. फ़ाइल स्ट्रीम खोलें।
  4. स्लाइड को SVG छवि के रूप में फ़ाइल स्ट्रीम में सहेजें।
var slideIndex = 0;

var presentation = new aspose.slides.Presentation("sample.pptx");
var slide = presentation.getSlides().get_Item(slideIndex);

var svgStream = java.newInstanceSync("java.io.FileOutputStream", "output.svg");
slide.writeAsSvg(svgStream);
svgStream.close();

presentation.dispose();

कस्टम आकार ID वाली SVG बनाएं

Aspose.Slides का उपयोग करके आप स्लाइड से एक SVG को कस्टम आकार ID के साथ जनरेट कर सकते हैं। इसके लिए, SvgShape से setId मेथड का उपयोग करें। CustomSvgShapeFormattingController का उपयोग करके आकार ID सेट की जा सकती है।

var slideIndex = 0;

var presentation = new aspose.slides.Presentation("sample.pptx");
var slide = presentation.getSlides().get_Item(slideIndex);

var svgOptions = new aspose.slides.SVGOptions();
svgOptions.setShapeFormattingController(new CustomSvgShapeFormattingController(0));

var svgStream = java.newInstanceSync("java.io.FileOutputStream", "output.svg");
slide.writeAsSvg(svgStream, svgOptions);
svgStream.close();

presentation.dispose();

class CustomSvgShapeFormattingController {
    constructor(shapeStartIndex = 0) {
        this.m_shapeIndex = shapeStartIndex;
    }

    formatShape(svgShape, shape) {
        svgShape.setId(`shape-${this.m_shapeIndex++}`);
    }
}

स्लाइड थंबनेल छवि बनाएं

Aspose.Slides आपको स्लाइडों की थंबनेल छवियां बनाने में मदद करता है। Aspose.Slides के साथ स्लाइड का थंबनेल बनाने के लिए नीचे दिए गए चरणों का पालन करें:

  1. Presentation क्लास का एक इंस्टेंस बनाएं।
  2. इंडेक्स द्वारा स्लाइड संदर्भ प्राप्त करें।
  3. परिभाषित स्केल पर संदर्भित स्लाइड की थंबनेल छवि प्राप्त करें।
  4. थंबनेल छवि को इच्छित किसी भी इमेज फ़ॉर्मेट में सहेजें।
const slideIndex = 0;
const scaleX = 1;
const scaleY = scaleX;

var presentation = new aspose.slides.Presentation("sample.pptx");
var slide = presentation.getSlides().get_Item(slideIndex);

var image = slide.getImage(scaleX, scaleY);
image.save("output.jpg", aspose.slides.ImageFormat.Jpeg);
image.dispose();

presentation.dispose();

उपयोगकर्ता द्वारा परिभाषित आयामों के साथ स्लाइड थंबनेल बनाएं

उपयोगकर्ता द्वारा परिभाषित आयामों के साथ स्लाइड थंबनेल छवि बनाने के लिए नीचे दिए गए चरणों का पालन करें:

  1. Presentation क्लास का एक इंस्टेंस बनाएं।
  2. इंडेक्स द्वारा स्लाइड संदर्भ प्राप्त करें।
  3. परिभाषित आयामों के साथ संदर्भित स्लाइड की थंबनेल छवि प्राप्त करें।
  4. थंबनेल छवि को इच्छित किसी भी इमेज फ़ॉर्मेट में सहेजें।
var slideIndex = 0;
var slideSize = java.newInstanceSync("java.awt.Dimension", 1200, 800);

var presentation = new aspose.slides.Presentation("sample.pptx");
var slide = presentation.getSlides().get_Item(slideIndex);

var image = slide.getImage(slideSize);
image.save("output.jpg", aspose.slides.ImageFormat.Jpeg);
image.dispose();

presentation.dispose();

स्पीकर नोट्स के साथ स्लाइड थंबनेल बनाएं

Aspose.Slides का उपयोग करके स्पीकर नोट्स के साथ स्लाइड का थंबनेल जनरेट करने के लिए नीचे दिए गए चरणों का पालन करें:

  1. RenderingOptions क्लास का एक इंस्टेंस बनाएं।
  2. स्पीकर नोट्स की स्थिति सेट करने के लिए RenderingOptions.setSlidesLayoutOptions मेथड का उपयोग करें।
  3. Presentation क्लास का एक इंस्टेंस बनाएं।
  4. इंडेक्स द्वारा स्लाइड संदर्भ प्राप्त करें।
  5. रेंडरिंग विकल्पों के साथ संदर्भित स्लाइड की थंबनेल छवि प्राप्त करें।
  6. थंबनेल छवि को इच्छित किसी भी इमेज फ़ॉर्मेट में सहेजें।
var slideIndex = 0;

var layoutingOptions = new aspose.slides.NotesCommentsLayoutingOptions();
layoutingOptions.setNotesPosition(aspose.slides.NotesPositions.BottomTruncated);

var renderingOptions = new aspose.slides.RenderingOptions();
renderingOptions.setSlidesLayoutOptions(layoutingOptions);

var presentation = new aspose.slides.Presentation("sample.pptx");
var slide = presentation.getSlides().get_Item(slideIndex);

var image = slide.getImage(renderingOptions);
image.save("output.png", aspose.slides.ImageFormat.Png);
image.dispose();

presentation.dispose();

लाइव उदाहरण

आप Aspose.Slides API के साथ क्या लागू कर सकते हैं, इसे देखने के लिए मुफ्त ऐप Aspose.Slides Viewer का उपयोग कर सकते हैं:

ऑनलाइन पॉवरपॉइंट व्यूवर

FAQ

क्या मैं Node.js वेब एप्लिकेशन में एक प्रस्तुति व्यूअर एम्बेड कर सकता हूँ?

हां। आप सर्वर साइड पर Aspose.Slides का उपयोग करके स्लाइडों को छवि या HTML रूप में रेंडर कर सकते हैं और उन्हें ब्राउज़र में प्रदर्शित कर सकते हैं। नेविगेशन और ज़ूम फीचर को JavaScript के माध्यम से इंटरैक्टिव अनुभव के लिए लागू किया जा सकता है।

कस्टम व्यूअर में स्लाइड्स को प्रदर्शित करने का सबसे अच्छा तरीका क्या है?

सिफ़ारिश किया जाता है कि प्रत्येक स्लाइड को छवि (जैसे PNG या SVG) के रूप में रेंडर करें या Aspose.Slides का उपयोग करके उसे HTML में परिवर्तित करें, फिर आउटपुट को डेस्कटॉप के लिए पिक्चर बॉक्स या वेब के लिए HTML कंटेनर में दिखाएँ।

कई स्लाइडों वाले बड़े प्रस्तुतियों को मैं कैसे संभालूं?

बड़े डेक के लिए लेज़ी‑लोडिंग या ऑन‑डिमांड रेंडरिंग विचार करें। इसका अर्थ है कि स्लाइड की सामग्री केवल तभी जनरेट की जाए जब उपयोगकर्ता उसे नेविगेट करे, जिससे मेमोरी उपयोग और लोड समय घटता है।

जावास्क्रिप्ट में पेशेवर प्रस्तुतियों का डिज़ाइन जावास्क्रिप्ट में सुरक्षित प्रस्तुतियाँ