Rendera presentationsbilder som SVG-bilder i JavaScript

Översikt

Den här artikeln förklarar hur du renderar presentationsbilder som SVG‑bilder med Aspose.Slides. Den beskriver SVG‑formatet och dess fördelar, inklusive skalbarhet, tillgänglighet och lämplighet för webbutveckling.

Du kommer att lära dig hur du laddar en presentationsfil, itererar genom dess bilder och sparar varje bild som en separat SVG‑fil. Artikeln täcker PowerPoint‑ och OpenDocument‑presentationsformat, inklusive PPT, PPTX, ODP och PPS, och visar hur du utför konverteringen programatiskt med klassen Presentation och metoden writeAsSvg.

SVG-format

SVG—en förkortning för Scalable Vector Graphics—är en standardgrafiktyp eller -format som används för att rendera tvådimensionella bilder. SVG lagrar bilder som vektorer i XML med detaljer som definierar deras beteende eller utseende.

SVG är ett av de få bildformaten som uppfyller mycket höga krav på skalbarhet, interaktivitet, prestanda, tillgänglighet, programmerbarhet och liknande. Av dessa skäl används det ofta i webbutveckling.

Du kanske vill använda SVG‑filer när du behöver

• skriva ut din presentation i ett mycket stort format. SVG‑bilder kan skalas upp till vilken upplösning eller nivå som helst. Du kan ändra storlek på SVG‑bilder så många gånger som behövs utan att förlora kvalitet.
• använda diagram och grafer från dina bilder i olika medier eller plattformar. De flesta läsare kan tolka SVG‑filer.
• uppnå minsta möjliga bildstorlek. SVG‑filer är i allmänhet mindre än deras högupplösta motsvarigheter i andra format, särskilt de format som baseras på bitmap (JPEG eller PNG).

Rendera bilder som SVG‑bilder

Aspose.Slides för Node.js via Java låter dig exportera bilder i dina presentationer som SVG‑bilder. Följ dessa steg för att generera SVG‑bilder:

1. Skapa en instans av klassen Presentation.
2. Iterera genom alla bilder i presentationen.
3. Skriv varje bild till sin egen SVG‑fil via FileOutputStream.

Du kanske vill prova vår free web application där vi har implementerat PPT‑till‑SVG‑konverteringsfunktionen från Aspose.Slides för Node.js via Java.

Denna exempelkod i JavaScript visar hur du konverterar PPT till SVG med Aspose.Slides:

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();
    }
}

FAQ

Varför kan den genererade SVG:n se olika ut i olika webbläsare?

Stödet för specifika SVG‑funktioner implementeras olika av webbläsarmotorer. Parametrar i SVGOptions hjälper till att jämna ut inkompatibiliteter.

Är det möjligt att exportera inte bara bilder utan även enskilda former till SVG?

Ja. Alla shape can be saved as a separate SVG, vilket är bekvämt för ikoner, pictogram och återanvändning av grafik.

Kan flera bilder kombineras till en enda SVG (strip/dokument)?

Det vanliga scenariot är en bild → en SVG. Att kombinera flera bilder till ett enda SVG‑canvas är ett efterbearbetningssteg som utförs på programsidan.