Prezentációs diák renderelése SVG képekként JavaScriptben

Áttekintés

Ez a cikk leírja, hogyan lehet a prezentációs diákat SVG képek formájában renderelni az Aspose.Slides segítségével. Bemutatja az SVG formátumot és előnyeit, beleértve a skálázhatóságot, az akadálymentességet és a webfejlesztésre való alkalmasságot.

Megtanulja, hogyan kell betölteni egy prezentációs fájlt, végigiterálni a diákat, és minden diát külön SVG fájlként menteni. A cikk a PowerPoint és az OpenDocument prezentációs formátumokat is lefedi, beleértve a PPT, PPTX, ODP és PPS formátumokat, és bemutatja, hogyan végezhető el a konverzió programozottan a Presentation osztállyal és a writeAsSvg metódussal.

SVG formátum

Az SVG – a Scalable Vector Graphics rövidítése – egy szabványos grafikai típus vagy formátum, amely kétdimenziós képek megjelenítésére szolgál. Az SVG képeket vektorokként tárolja XML-ben, részletekkel, amelyek meghatározzák a viselkedésüket vagy megjelenésüket.

Az SVG az egyik kevés olyan képformátum, amely nagyon magas szintű követelményeknek felel meg ezen a téren: skálázhatóság, interaktivitás, teljesítmény, hozzáférhetőség, programozhatóság és egyebek. Ezek miatt gyakran használják webfejlesztésben.

Érdemes SVG fájlokat használni, ha szüksége van arra, hogy

• nyomtassa ki prezentációját nagyon nagy formátumban. Az SVG képek tetszőleges felbontásra vagy szintre méretezhetők. Az SVG képeket annyiszor átméretezheti, ahányszor szükséges, anélkül, hogy a minőség romlana.
• használja a diákról származó diagramokat és grafikonokat különböző médiumokban vagy platformokon. A legtöbb olvasó képes értelmezni az SVG fájlokat.
• használja a legkisebb lehetséges képméreteket. Az SVG fájlok általában kisebbek, mint a magas felbontású ekvivalenseik más formátumokban, különösen a bitmap-alapú (JPEG vagy PNG) formátumok esetében.

Diaok renderelése SVG képekként

Az Aspose.Slides for Node.js via Java lehetővé teszi, hogy a prezentációk diáit SVG képek formájában exportálja. Kövesse az alábbi lépéseket az SVG képek előállításához:

1. Hozzon létre egy példányt a Presentation osztályból.
2. Iteráljon végig a prezentáció összes diáján.
3. Írja ki minden diát a saját SVG fájljába a FileOutputStream segítségével.

Érdekli egy ingyenes webalkalmazásunk, amelyben megvalósítottuk a PPT‑ből SVG‑be konverziós funkciót az Aspose.Slides for Node.js via Java segítségével.

Ez a JavaScript példakód megmutatja, hogyan konvertálhat PPT‑t SVG‑vé az Aspose.Slides segítségével:

var pres = new aspose.slides.Presentation("pres.pptx");
try {
    for (var index = 0; index < pres.getSlides().size(); index++) {
        var slide = pres.getSlides().get_Item(index);
        var fileStream = java.newInstanceSync("java.io.FileOutputStream", ("slide-" + index) + ".svg");
        try {
            slide.writeAsSvg(fileStream);
        } finally {
            fileStream.close();
        }
    }
} catch (e) {console.log(e);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

GYIK

Miért nézhet ki a létrehozott SVG különböző böngészőkben eltérőnek?

A böngészőmotorok különböző módon valósítják meg az egyes SVG funkciókat. A SVGOptions paraméterek segítenek kisimítani az inkompatibilitásokat.

Lehet csak diák helyett egyedi alakzatokat is exportálni SVG‑ként?

Igen. Bármely alakzat külön SVG‑ként menthető, ami kényelmes ikonok, piktogramok és a grafika újrahasználata számára.

Több dia egyetlen SVG‑be (szalag/dokumentumba) kombinálható?

Az általános eset egy dia → egy SVG. Több dia egyetlen SVG vászonra való kombinálása egy alkalmazásszintű utófeldolgozási lépés.