6

How can I make Chrome (left side) to use anti-alias like IE 10 (right side)?

I used this code so far. Do I need use a thin stroke?

large text not anti-aliased in Chrome

1
  • You can use an off-screen canvas at 2x the size for drawing text, then getImage() to scale it down. Credit. Jul 9, 2015 at 12:03

2 Answers 2

5

The short answer is that you cannot control anti-aliasing.

The good news is that it looks much better in Chrome 27.0.1453.12 dev-m:

enter image description here

Unfortunately you'll either have to "just wait", or else use images instead of fillText.

The text part of the Canvas spec was implemented last in most browsers, and it shows.

1

You might have to wait longer. Chrome canary v28 still has bad antialiasing fiddle.

ctx.font = '72pt Arial';
ctx.fillText('Iowa 6', 0, 50);

bad antialiasing in chrome v28.0.1501.0

1
  • Still bad in version : 30.0.1599.101 :(
    – psycho brm
    Nov 14, 2013 at 2:10

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.