lottie
lottie copied to clipboard
Transparenzen mit Schatten werden nicht richtig angezeigt
Animationen mit transparenten Objekten die einen Shatten haben, werden nicht richtig angezeigt.
Beispiel:
So sieht der Schatten richtig aus:
Ich hab auch die Animation zum Ausprobieren: (https://dev.fact-finder.de/media/ff_ng_referenzen_startseite_animation_mobile_1.json)
Ich hatte das auch mal (kam durch irgendein Lotti Update). Ich konnte das durch folgende Settings beheben:
rendererSettings: {
filterSize: {
width: '600%',
height: '600%',
x: '-200%',
y: '-200%',
},
Oh, okay... hast du da noch ein Beispiel bei einem anderen File, bei dem das passiert? Oder ist das generell bei alles Files mit einem transparenten Schatten so? Wenn ich deine Beispiel-JSON in den lottiefiles.com-Previewer werfe, dann sehen die Schatten auch so begrenzt aus.
Das ist eigentlich überall wo transparente Schatten sind. Hier noch ein Beispiel:
Das sieht richtig so aus:
Stimmt auf Lottiefiles sehen die Schatten im Player falsch aus, aber im Editor von Lottiefiles sind sie richtig:
Hier auch nochmal die JSON Datei: https://dev.fact-finder.de/media/04-03_ff_landingpages_neu_1.json
Danke für das Feedback.
Scheint noch ein offenes Lottie-Issue zu sein: https://github.com/airbnb/lottie-web/issues/2432
Deine Lösung wird dort auch vorgeschlagen: https://github.com/airbnb/lottie-web/wiki/Renderer-Settings#filtersize-svg-renderer
Ich teste es mal für das Rex-Addon.
Cool, danke!