【问题标题】:anti-aliased large text in canvas画布中的抗锯齿大文本
【发布时间】:2013-03-26 23:38:34
【问题描述】:

如何让 Chrome(左侧)使用像 IE 10(右侧)这样的抗锯齿功能?

到目前为止,我使用了this 代码。我需要用细笔划吗?

【问题讨论】:

  • 您可以使用 2 倍大小的屏幕外画布来绘制文本,然后 getImage() 将其缩小。 Credit.

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


【解决方案1】:

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

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

【讨论】:

  • 在版本中仍然很糟糕:30.0.1599.101 :(
【解决方案2】:

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

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-08-27
    • 2016-04-24
    • 1970-01-01
    • 2013-10-31
    • 2012-11-16
    • 2011-05-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多