画布文字看起来很糟糕答案

【问题标题】：Canvas text looks horrible画布文字看起来很糟糕
【发布时间】：2013-09-15 14:38:19
【问题描述】：

我有以下代码来绘制文本

                ctx.fillStyle="red";
                ctx.fillRect(player.x, player.y, 10, 10);
                ctx.fillStyle="white";
                ctx.font="bold 20px sans-serif"
                ctx.fillText(player.name,player.x,player.y)

不幸的是，它看起来很糟糕。真的是块状。

我试图将它缩小到 10px，也就是红色框的大小，但它看起来更糟。我做错了什么？

【问题讨论】：

您的画布大小需要在内部设置，而不是被 CSS 倾斜。那会模糊一切。

标签： text canvas fonts html5-canvas

【解决方案1】：

画布是否会被 CSS 缩放？如果是这样，那将拉伸文本，因为它被写入屏幕位图而不是直接嵌入。

【讨论】：

我在css中将高度和宽度设置为720p。现在是如何设置画布的尺寸了吗？
你是对的。如果我删除css并直接在html中设置宽度和高度，它看起来是正确的。