画布文字看起来很糟糕

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进行缩放？如果是这样，那将会拉伸文本，因为它被写入屏幕上的位图而不是直接嵌入。