javascript - 为什么缩小我的画布会提高 js 画布上的图像质量？

Question

我正在使用带有反应的 Javascript Canvas 制作纸牌游戏，我想知道为什么以下事情不断发生：

当我将标签放大 100% 时，我的游戏是这样的： 这是放大到 50% 的样子：

尽管在我发布屏幕截图时看起来可能没有太大差异，但我的图像质量却有明显差异。即使卡片在屏幕上占据相同的物理空间，但它们似乎具有更高的分辨率，这是为什么呢？如何修复它以使图像始终处于尽可能高的分辨率？

我不知道我是否应该包含代码，这是一个相当大的项目，所以我什至不知道我应该包含什么，我希望可能对这个问题进行一般性诊断。

标签： javascriptreactjscanvashtml5-canvas