Javascript 放大时画布模糊文本

我正在html5画布元素中创建一个应用程序，该元素包含大量文本、按钮等。我已将画布的初始大小设置为1024/768，但我希望该应用程序能够放大并填充所有可用空间。放大画布时，文本元素变得非常模糊

我尝试过将字体大小加倍，然后将其缩小到原来的一半，这会使它稍微好一点，但仍然模糊

是否有什么可以做的，或者画布根本不适合这个目的

---

我认为覆盖一些dom元素可能会更好。

一个示例片段会很有帮助。我的猜测是，您正在使用CSS缩放画布，而不是修改真正的画布维度。我说的对吗？我实际上使用了一个叫做Phaser的游戏框架，它在画布元素中添加了一些内联样式，以填充最大高度，同时保持纵横比。它还设置画布元素的宽度和高度属性。当您使用样式增加画布的宽度/高度时，您只是在放大/缩小。所以它就像放大照片一样模糊。是的，我刚刚意识到，这就像拉伸图像一样。除非我只是切换到dom元素，否则修复起来可能会很复杂。你可以看看这个：真正的缩放是可能的，但需要一些工作才能使每个元素与画布一起缩放。