Lottie animation loaded by custom code won't display as SVG

Design help Custom code
1

Hi there,

Because I do some advanced interactions with a Lottie animation, I used custom code to load my animation, see example here (hover central zone, hold clic, release, and hover out):
: preview link

But to get the animation to display anything, I had to set the renderer to “canvas” instead of “svg”. This resulted in my AE masks to display their fill colour (blue and red) and “simplified” some of my animation movements.

Also tried to load my animation via the WF Lottie element, but then I can’t tie my custom code, or I don’t know how to do so.

Anybody knows what the issue could be?

Thanks in advance.

2

Sounds like @vincent might be able to help

1 Like
3

@vincent Any chance you can have a look at my issue please?
Might just be super simple since it works fine in codepen… I don’t know what I’m missing here.

Cheers

4

Alright,
Hernan the creator of bodymovin went through finding where my issue was from.
I post it for potential same problem for others.

It appears I had some SVG styles in my main custom code, to style another SVG animation, and that was interfering with my lottie SVG.

1 Like