Skip to main content
Inspiring
Apr 6, 2022 8:16 AM UTC
Question

HTML5 Canvas - Dynamic Text rendering issue

Dynamic text is rendering in a different font to the static text fields, and the quality of rendering of the dynamic text is poor. 

 

Both static and dynamic text fields are using the same font and size.  All the text fields are using Franklin Gothic Medium Condensed 12 pt.  

 

How do I fix this?

 

 

Also, is there an option for scrollable multiline text?

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

    4 replies

    JoãoCésar17023019
    Community Expert
    Community Expert
    Apr 6, 2022 9:43 AM UTC

    Hi.

     

    Dynamic text fields should be clear and crispy. Make sure their parents are not being cached as or converted to bitmaps.

     

    And there's no scrolling for canvas/CreateJS texts fields. You have to code it yourself or use components.

     

    Regards,

    JC

    Translate
    FlatChatAuthor
    Inspiring
    Apr 6, 2022 12:18 PM UTC

    Thanks @JoãoCésar17023019   But how do I check regarding caching of the parent MC or being converted to bitmaps?

     

    Also, what components would have dynamic text and scolling similar to text areas?

    Translate
    FlatChatAuthor
    Inspiring
    Apr 6, 2022 12:29 PM UTC

    Also, why are the fonts a different typeface for dynamic text fields from static ones.  In Animate, they show as the same font in the property inspector.

    Translate