画布中的抗锯齿大文本

时间:2013-04-04 18:32:30

标签: javascript html5 internet-explorer google-chrome canvas

如何让Chrome(左侧)使用IE 10(右侧)等抗锯齿?

到目前为止我使用了this代码。我需要使用瘦中风吗?

large text not anti-aliased in Chrome

2 个答案:

答案 0 :(得分:5)

简短的回答是你无法控制抗锯齿。

好消息是它在Chrome 27.0.1453.12 dev-m中看起来好多了:

enter image description here

不幸的是,您要么“只是等待”,要么使用图像而不是fillText。

Canvas规范的文本部分最后在大多数浏览器中实现,并显示。

答案 1 :(得分:1)

您可能需要等待更长时间。 Chrome canary v28仍然具有错误的抗锯齿效果fiddle

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

bad antialiasing in chrome v28.0.1501.0