1 Reply Latest reply on Jun 30, 2016 11:46 PM by just.emma

    Font/Text looks pixelated HTML5 Canvas output. Any way to fix this?

    mailsforme123

      Am converting Flash animation into HTML5 using Animate CC. But the Font/Text looks pixelated HTML5 Canvas output. Any way to fix this?

       

      It seems the canvas out put renders all texts as shapes so that we cannot select the text in output. Is there any other format options in publish/export to get this resolved?

        • 1. Re: Font/Text looks pixelated HTML5 Canvas output. Any way to fix this?
          just.emma Level 4

          Are you using the latest version (2015.2) of Animate CC?  If you have a retina display, text and other shapes will look pixelated in canvas, unless you author at double the size or have some extra code to enable high DPI support.

           

          The newest version of Animate enables high DPI support automatically in the newest publish template, so you should upgrade and republish using the new template if possible.  If you're not currently able to upgrade, however, you can use this code to enable high DPI support manually: Flash Canvas Hack: Better vector graphics on Retina and HD

           

          Text is not selectable in canvas.  If you need your text to be selectable, it would be best to use the DOM.  You could put a div with text in it above your canvas in the HTML file... but the downside of that is you would have to worry about web fonts.