HTML5 Canvas TextBaseline Top looks different in Firefox and chrome HTML5 Canvas TextBaseline Top looks different in Firefox and chrome google-chrome google-chrome

HTML5 Canvas TextBaseline Top looks different in Firefox and chrome


I agree with the OP that this is an issue and it's peculiar to Firefox. Increasingly though, it seems that Firefox has adjusted the vertical offset overtime. It was once once about 4 pixels, then 3. Now, it is almost imperceptible. So, I agree with @Kaiido above. Use/set *object*.textBaseline="alphabetic"; I believe that this is consistent across browsers.