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

casillasluisn12 picture casillasluisn12  路  4Comments

Ipaulsen picture Ipaulsen  路  4Comments

zhengs picture zhengs  路  3Comments

RenanSgorlom picture RenanSgorlom  路  3Comments

yannieyeung picture yannieyeung  路  3Comments