Lottie-web: Render canvas error

Created on 22 Sep 2016  路  2Comments  路  Source: airbnb/lottie-web

I created a simple animation with Text. Then exported without check Glyphs.

var params = {
container: document.getElementById('bodymovin'),
renderer: 'canvas',
loop: true,
autoplay: true,
animationData: animationData
};

Output file work ok with render: 'svg' or 'html'. But I got problem with render: canvas.

If I check Glyphs when exporting, It work ok with canvas, but because I need to change the Text in html file, then check Glyphs is not a good solution because fonts is converted to shape.

Is this an error or I've used in the wrong way. I use version 4.4.11. Thank you for your support.

Most helpful comment

yes, canvas doesn't support the text as text.
If you need to edit text, you can export it as glyphs and have an extra layer hidden with all the letters you need on it, so they will get exported and be available to edit text.
Could that work for your case?

All 2 comments

yes, canvas doesn't support the text as text.
If you need to edit text, you can export it as glyphs and have an extra layer hidden with all the letters you need on it, so they will get exported and be available to edit text.
Could that work for your case?

Thank you very much for your clear explanation @bodymovin

Was this page helpful?
0 / 5 - 0 ratings

Related issues

zephinzer picture zephinzer  路  20Comments

sbalko picture sbalko  路  18Comments

riscovo picture riscovo  路  155Comments

balinabbb picture balinabbb  路  35Comments

grant-rogers picture grant-rogers  路  36Comments