Lottie-web: cropped stroke lines

Created on 17 Oct 2019  路  2Comments  路  Source: airbnb/lottie-web

Hello. I have an issue when animation stroke path. It crops the edges of stroke
https://lottiefiles.com/share/4Bee72
Can anyone know how to fix this? So simple graphics and so dumb bug. I saw similar topics here but there is no any actual solve for this
Screen Shot 2019-10-17 at 12 28 22 PM

Most helpful comment

Hi, it seems you are using a color effect to change the stroke color. That translates into an svg filter.
Filters don't handle correctly strokes as part of the surface they transform and that's why they are getting cut.
If you create a rectangle larger than the shape with a transparent fill, it will work.
But ideally, I suggest that you don't use color effects and instead change the color of the stroke directly. Filters don't have a good performance on some browsers.

All 2 comments

Hi, it seems you are using a color effect to change the stroke color. That translates into an svg filter.
Filters don't handle correctly strokes as part of the surface they transform and that's why they are getting cut.
If you create a rectangle larger than the shape with a transparent fill, it will work.
But ideally, I suggest that you don't use color effects and instead change the color of the stroke directly. Filters don't have a good performance on some browsers.

Finally! Thanks a lot! It works!)

Was this page helpful?
0 / 5 - 0 ratings

Related issues

processprocess picture processprocess  路  3Comments

samiam2017 picture samiam2017  路  3Comments

yannieyeung picture yannieyeung  路  3Comments

Sandok-voc picture Sandok-voc  路  4Comments

Ipaulsen picture Ipaulsen  路  4Comments