Zastosowanie efektów kształtów w prezentacjach przy użyciu JavaScript
Wprowadzenie
Podczas gdy efekty w PowerPoint mogą być używane do wyróżnienia kształtu, różnią się od wypełnień lub obrysów. Korzystając z efektów PowerPoint, możesz tworzyć przekonujące odbicia na kształcie, rozprzestrzeniać poświatę kształtu itp.
PowerPoint udostępnia sześć efektów, które można zastosować do kształtów. Możesz zastosować jeden lub więcej efektów do kształtu.
Niektóre kombinacje efektów wyglądają lepiej niż inne. Z tego powodu PowerPoint oferuje opcje w sekcji Preset. Opcje Preset to kombinacje dwóch lub więcej efektów, które są uznawane za atrakcyjne. Dzięki temu, wybierając preset, nie będziesz musiał tracić czasu na testowanie lub łączenie różnych efektów w celu znalezienia dobrej kombinacji.
Aspose.Slides udostępnia właściwości i metody w klasie EffectFormat, które pozwalają zastosować te same efekty do kształtów w prezentacjach PowerPoint.
Zastosowanie efektu cienia
Aspose.Slides for Node.js via Java obsługuje zewnętrzne i wewnętrzne cienie dla kształtów. Możesz dostosować ich kolor, kierunek, odległość i promień rozmycia, aby pasowały do projektu Twojej prezentacji.
Zastosowanie cienia zewnętrznego
Użyj cienia zewnętrznego, aby karta lub panel wyróżniały się na tle slajdu. Cień wychodzi poza krawędzie kształtu, tworząc wrażenie, że kształt unosi się nad slajdem. Dostosuj jego kolor, kierunek, odległość i promień rozmycia, aby pasowały do oświetlenia i stylu szablonu.
Ten kod JavaScript pokazuje, jak zastosować efekt cienia zewnętrznego do prostokąta:
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();
}
Zastosowanie cienia wewnętrznego
Podczas odtwarzania wizualnego stylu szablonu użyj cienia wewnętrznego, aby nadać karcie lub panelowi wklęsły wygląd. Cień zewnętrzny rozciąga się poza kształt i sprawia, że wygląda na podniesiony, natomiast cień wewnętrzny zacienia wnętrze jego krawędzi.
Wywołaj enableInnerShadowEffect, a następnie skonfiguruj cień zwrócony przez getInnerShadowEffect. Większe wartości promienia rozmycia dają łagodniejsze krawędzie.
Ten przykład JavaScript tworzy jasnoniebieską kartę z ciemnoszarym cieniem wewnętrznym i zapisuje ją jako plik PPTX. Kierunek cienia wynosi 225 stopni, odległość to 7 punktów, a promień rozmycia to 6 punktów:
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();
}
Aby usunąć cień wewnętrzny, wywołaj disableInnerShadowEffect na formacie efektu kształtu.
Zastosowanie efektu odbicia
Aby zastosować efekt odbicia w Aspose.Slides for Node.js via Java, możesz dodać odbicie przypominające lustro do kształtów, dostosowując parametry takie jak odległość, przezroczystość i rozmiar. Ten efekt podnosi estetykę Twoich prezentacji, nadając kształtom bardziej dopracowany i wyrafinowany wygląd. Jest łatwy do wdrożenia przy użyciu prostego kodu, umożliwiając szybkie zastosowanie na wielu elementach w celu uzyskania spójnego projektu.
Ten kod JavaScript pokazuje, jak zastosować efekt odbicia do kształtu:
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();
}
Zastosowanie efektu poświaty
Aby zastosować efekt poświaty do kształtu w Aspose.Slides for Node.js via Java, możesz dodać miękką, lśniącą aurę wokół kształtów, dostosowując takie właściwości jak kolor i rozmiar. Ten efekt pomaga wyróżnić kształty i dodaje atrakcyjny, przyciągający uwagę element wizualny do Twojej prezentacji. Jest łatwy do wdrożenia przy minimalnym kodzie, podnosząc ogólny wygląd Twoich slajdów.
Ten kod JavaScript pokazuje, jak zastosować efekt poświaty do kształtu:
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();
}
Zastosowanie efektu miękkich krawędzi
Aby zastosować efekt miękkich krawędzi w Aspose.Slides for Node.js via Java, możesz stworzyć płynne, rozmyte przejście wokół krawędzi kształtu. Ten efekt dodaje subtelniejszy i bardziej wyrafinowany wygląd, idealny dla projektów wymagających delikatnego, łagodniejszego wyglądu. Możesz łatwo dostosować parametry takie jak promień, aby uzyskać pożądany efekt w różnych kształtach w swojej prezentacji.
Ten kod JavaScript pokazuje, jak zastosować efekt miękkich krawędzi do kształtu:
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
Czy mogę zastosować wiele efektów do tego samego kształtu?
Tak, możesz łączyć różne efekty, takie jak cień, odbicie i poświata, na pojedynczym kształcie, aby uzyskać bardziej dynamiczny wygląd.
Do jakich kształtów mogę stosować efekty?
Możesz stosować efekty do różnych kształtów, w tym autokształtów, wykresów, tabel, obrazów, obiektów SmartArt, obiektów OLE i innych.
Czy mogę stosować efekty do grupowanych kształtów?
Tak, możesz stosować efekty do grupowanych kształtów. Efekt zostanie zastosowany do całej grupy.