在HTML5画布上像素完美的字体渲染?

时间:2018-11-10 09:30:41

标签: javascript image fonts html5-canvas antialiasing

所以我在HTML5 canvas元素上遇到了这个问题,无法再找到解决方案。问题是单个像素与在画布上呈现的字体字符的位置不对齐,并最终得到如下结果:
blurry text

在我的情况下,这尤其明显,因为我正在放大低分辨率画布,而没有图像平滑。我唯一可以想到的替代方法是使用位图字体,但我确实反对该想法,并且我觉得可能还有一种更好的方法,我只是没有想到。
任何帮助将不胜感激,谢谢

0 个答案:

没有答案