画布矩形模糊

如何解决画布矩形模糊

我需要制作一个尺寸很大的像素表。我使用了画布，但是遇到了一个问题：所有像素都模糊了。在100％的范围内，它并不是很引人注目，但是，如果我将其设置为x2或更大，就会非常清楚地表明出问题了。最后，我希望它能以高达x10-x15的比例很好地渲染。 我有这样的代码：

launch.json

我试图搜索解决方案，但发现没有任何帮助。

解决方法

如帖子评论中所建议，按比例放大时，DOM图像内容将变得平滑。您可以通过设置CSS规则#canvas {image-rendering：pixelated; }

因此，要解决模糊行为，您必须在CSS中添加#canvas { image-rendering: pixelated; }。为我工作。