search

airbnb / lottie-web

Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
MIT License
30.42k stars 2.86k forks source link

How to export text in <tspan> instead of separated characters? #2961

Open kompanets opened 1 year ago

kompanets commented 1 year ago

Hi!

Lottie creates <text>tag for every single character.

<text>H</text>
<text>Е</text>
<text>L</text>
<text>L</text>
<text>O</text>

It ruins the whole project.

I read the same issue 6 years ago. But it seems those suggestions do not work. https://github.com/airbnb/lottie-web/issues/657

Here is an example: https://codepen.io/max_kompanets/pen/ZEqGJJr

  1. Point text
  2. No animation at all
  3. still separated characters :(

Maybe in After Effects is a way to choose "tspan"? Or what is the latest version of Lottie that exports "tspan"?