text - 画布文字看起来很糟糕

Question

我有以下代码来绘制文本

                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，也就是红色框的大小，但它看起来更糟。我究竟做错了什么？

Answer 1

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