问题描述
我需要制作一个尺寸很大的像素表。我使用了画布,但是遇到了一个问题:所有像素都模糊了。在100%的范围内,它并不是很引人注目,但是,如果我将其设置为x2或更大,就会非常清楚地表明出问题了。最后,我希望它能以高达x10-x15的比例很好地渲染。
我有这样的代码:
launch.json
我试图搜索解决方案,但发现没有任何帮助。
解决方法
如帖子评论中所建议,按比例放大时,DOM图像内容将变得平滑。您可以通过设置CSS规则#canvas {image-rendering:pixelated; }
因此,要解决模糊行为,您必须在CSS中添加#canvas { image-rendering: pixelated; }
。为我工作。