Stroke taper not showing up in Lottie File render

3 replies
3878 views
Translate

I have a looping trim path with a tapered stroke on both ends. Upon rendering the tapering does not show up in the Lottie File. The Lottie supported Feature page doesn't talk about tapering. Either I'm doing something wrong, or Lottie does not support tapering.

How to

This topic is closed to new replies. Start a new post to keep the conversation going.

MyleniumCorrect answer

Legend

Tapering is not a native property of SVG or HTML canvas, so inevitably Lottie cannot support it natively. You have to render the stuff to an inmage sequence if it's really that important to retain the taper.

Mylenium

A

antonflash

Participating Frequently

It's a good solution - https://www.schoolofmotion.com/blog/free-tapered-stroke-after-effects

Translate

A

antonflash

Participating Frequently

Actually a bad solution, because the file size increases significantly, in the end we just abandoned the sharp lines

Translate

MyleniumCorrect answer

Legend

Tapering is not a native property of SVG or HTML canvas, so inevitably Lottie cannot support it natively. You have to render the stuff to an inmage sequence if it's really that important to retain the taper.

Mylenium

Translate

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.