Tillämpa formeffekter i presentationer med JavaScript
Introduktion
Medan effekter i PowerPoint kan användas för att få en form att sticka ut, skiljer de sig från fyllningar eller konturer. Genom att använda PowerPoint‑effekter kan du skapa övertygande reflektioner på en form, sprida en formens glöd, osv.
PowerPoint erbjuder sex effekter som kan tillämpas på former. Du kan applicera en eller flera effekter på en form.
Vissa kombinationer av effekter ser bättre ut än andra. Av den anledningen erbjuder PowerPoint alternativ under Preset. Preset‑alternativen är kombinationer av två eller fler effekter som är kända för att se bra ut. På så sätt, genom att välja ett förinställt alternativ, behöver du inte slösa tid på att testa eller kombinera olika effekter för att hitta en bra kombination.
Aspose.Slides tillhandahåller egenskaper och metoder under klassen EffectFormat som låter dig applicera samma effekter på former i PowerPoint‑presentationer.
Applicera en skuggeffekt
Aspose.Slides för Node.js via Java stöder yttre och inre skuggor för former. Du kan anpassa deras färg, riktning, avstånd och oskärpedistans för att matcha din presentations design.
Applicera en yttre skugga
Använd en yttre skugga för att få ett kort eller en panel att sticka ut mot bildens bakgrund. Skuggan sträcker sig utanför formens kanter och skapar intrycket att formen är förhöjd över bilden. Justera dess färg, riktning, avstånd och oskärpedistans för att matcha belysning och stil i din mall.
Denna JavaScript‑kod visar hur du applicerar den yttre skuggeffekten på en rektangel:
const aspose = { slides: require("aspose.slides.via.java") };
const java = require("java");
const presentation = new aspose.slides.Presentation();
try {
const slide = presentation.getSlides().get_Item(0);
const shape = slide.getShapes().addAutoShape(aspose.slides.ShapeType.RoundCornerRectangle, 20, 20, 200, 100);
shape.getEffectFormat().enableOuterShadowEffect();
const color = java.newInstanceSync("java.awt.Color", 169, 169, 169);
shape.getEffectFormat().getOuterShadowEffect().getShadowColor().setColor(color);
shape.getEffectFormat().getOuterShadowEffect().setDistance(10);
shape.getEffectFormat().getOuterShadowEffect().setDirection(45);
presentation.save("shadow_effect.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
presentation.dispose();
}
Applicera en inre skugga
När du reproducerar en mallens visuella stil, använd en inre skugga för att ge ett kort eller en panel ett nedsänkt utseende. En yttre skugga sträcker sig utanför formen och får den att se upphöjd ut, medan en inre skugga ger skugga åt insidan av dess kanter.
Anropa enableInnerShadowEffect, konfigurera sedan den skugga som returneras av getInnerShadowEffect. Större värden på oskärpedistans ger mjukare kanter.
Detta JavaScript‑exempel skapar ett ljusblått kort med en mörkgrå inre skugga och sparar det som en PPTX‑fil. Skuggans riktning är 225 grader, dess avstånd är 7 punkter och dess oskärpedistans är 6 punkter:
const aspose = { slides: require("aspose.slides.via.java") };
const java = require("java");
const presentation = new aspose.slides.Presentation();
try {
const slide = presentation.getSlides().get_Item(0);
const shape = slide.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 20, 20, 200, 100);
shape.getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
const fillColor = java.newInstanceSync("java.awt.Color", 173, 216, 230);
shape.getFillFormat().getSolidFillColor().setColor(fillColor);
shape.getLineFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.NoFill));
shape.getEffectFormat().enableInnerShadowEffect();
const shadow = shape.getEffectFormat().getInnerShadowEffect();
const color = java.newInstanceSync("java.awt.Color", 105, 105, 105);
shadow.getShadowColor().setColor(color);
shadow.setDirection(225);
shadow.setDistance(7);
shadow.setBlurRadius(6);
presentation.save("inner_shadow_effect.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
presentation.dispose();
}
För att ta bort den inre skuggan, anropa disableInnerShadowEffect på formens effektformat.
Applicera en reflektionseffekt
För att applicera en reflektionseffekt i Aspose.Slides för Node.js via Java kan du lägga till en spegelliknande reflektion på former, justera parametrar såsom avstånd, transparens och storlek. Denna effekt förbättrar estetiken i dina presentationer genom att ge former ett mer polerat och sofistikerat utseende. Det är enkelt att implementera med enkel kod, vilket möjliggör snabb tillämpning över flera element för en enhetlig design.
Denna JavaScript‑kod visar hur du applicerar reflektionseffekten på en form:
const aspose = { slides: require("aspose.slides.via.java") };
const java = require("java");
const presentation = new aspose.slides.Presentation();
try {
const slide = presentation.getSlides().get_Item(0);
const shape = slide.getShapes().addAutoShape(aspose.slides.ShapeType.RoundCornerRectangle, 20, 20, 200, 100);
shape.getEffectFormat().enableReflectionEffect();
shape.getEffectFormat().getReflectionEffect().setRectangleAlign(java.newByte(aspose.slides.RectangleAlignment.Bottom));
shape.getEffectFormat().getReflectionEffect().setDirection(90);
shape.getEffectFormat().getReflectionEffect().setDistance(40);
shape.getEffectFormat().getReflectionEffect().setBlurRadius(2);
presentation.save("reflection_effect.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
presentation.dispose();
}
Applicera en glödeffekt
För att applicera en glödeffekt på en form i Aspose.Slides för Node.js via Java kan du lägga till en mjuk, lysande aura runt former, justera egenskaper såsom färg och storlek. Denna effekt hjälper till att få former att sticka ut och lägger till ett attraktivt, iögonfallande visuellt element i din presentation. Det är enkelt att implementera med minimal kod, vilket förbättrar det övergripande utseendet på dina bilder.
Denna JavaScript‑kod visar hur du applicerar glödeffekten på en form:
const aspose = { slides: require("aspose.slides.via.java") };
const java = require("java");
const presentation = new aspose.slides.Presentation();
try {
const slide = presentation.getSlides().get_Item(0);
const shape = slide.getShapes().addAutoShape(aspose.slides.ShapeType.RoundCornerRectangle, 20, 20, 200, 100);
shape.getEffectFormat().enableGlowEffect();
const color = java.getStaticFieldValue("java.awt.Color", "MAGENTA");
shape.getEffectFormat().getGlowEffect().getColor().setColor(color);
shape.getEffectFormat().getGlowEffect().setRadius(15);
presentation.save("glow_effect.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
presentation.dispose();
}
Applicera en mjukkantseffekt
För att applicera en mjukkantseffekt i Aspose.Slides för Node.js via Java kan du skapa en slät, suddig övergång runt en formens kanter. Denna effekt ger ett mer subtilt och raffinerat utseende, perfekt för designer som kräver en mjukare, mjukare framtoning. Du kan enkelt justera parametrar som radie för att uppnå önskad effekt på olika former i din presentation.
Denna JavaScript‑kod visar hur du applicerar mjukkantseffekten på en form:
const aspose = { slides: require("aspose.slides.via.java") };
const presentation = new aspose.slides.Presentation();
try {
const slide = presentation.getSlides().get_Item(0);
const shape = slide.getShapes().addAutoShape(aspose.slides.ShapeType.RoundCornerRectangle, 20, 20, 200, 150);
shape.getEffectFormat().enableSoftEdgeEffect();
shape.getEffectFormat().getSoftEdgeEffect().setRadius(8);
presentation.save("soft_edges_effect.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
presentation.dispose();
}
FAQ
Kan jag applicera flera effekter på samma form?
Ja, du kan kombinera olika effekter, såsom skugga, reflektion och glöd, på en enda form för att skapa ett mer dynamiskt utseende.
Vilka former kan jag applicera effekter på?
Du kan applicera effekter på olika former, inklusive autoformer, diagram, tabeller, bilder, SmartArt‑objekt, OLE‑objekt och mer.
Kan jag applicera effekter på grupperade former?
Ja, du kan applicera effekter på grupperade former. Effekten kommer att tillämpas på hela gruppen.