Lottie-web: Circle render cut off?

Created on 10 May 2017  路  4Comments  路  Source: airbnb/lottie-web

Not sure if this has to do with my ae file. But I have vector circles but they appear to be cut off see comparison screen shots. I dont see the effect in AE.
screen shot 2017-05-10 at 9 52 18 am
screen shot 2017-05-10 at 9 52 04 am
Really exited about the potential of this tool for our creative team. I am a developer and we always get this requests but can always get to "hand coding them". :)

Most helpful comment

I figured it out. I was changing the .json file into a js var. At it was rendering funny. After using the just the json method as you outlined it works like a charm amazing work. Also needed to set animation type to svg instead of html.

All 4 comments

that's probably related to some kind of matte mask in the project.
Strokes and masks don't work well together in browsers.
But if you add a rectangle with a transparent fill on those shape layers that cover the whole stroke's surface it should work fine.
Let me know if you need more clarification.

Here is the aep file as far as I know no masks are being used https://ufile.io/a47k6

I figured it out. I was changing the .json file into a js var. At it was rendering funny. After using the just the json method as you outlined it works like a charm amazing work. Also needed to set animation type to svg instead of html.

@Ipaulsen - Chaning animation type to SVG did it for me. I have been looking everywhere!!! That comment is gold. Thank you.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

dulllud picture dulllud  路  3Comments

jumostudio picture jumostudio  路  3Comments

ghosper picture ghosper  路  4Comments

Sandok-voc picture Sandok-voc  路  4Comments

yannieyeung picture yannieyeung  路  3Comments