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

RenanSgorlom picture RenanSgorlom  路  3Comments

yannieyeung picture yannieyeung  路  3Comments

deborabm picture deborabm  路  3Comments

joelponce picture joelponce  路  4Comments

cpdt picture cpdt  路  4Comments