JavaScript中的画布块状字体渲染

Question

我想在大画布上绘制Blocky Font （Atari-Like）。我已经制作了一个Canvas，它可以从一个40 x 40像素的小画布中复制渲染的场景。但看起来像小画布平滑了字体。 如何禁用该功能？

Answer 1

找到它，需要使用ctx.fillText代替ctx.strokeText。

Answer 2

你可能正在寻找

ctx.imageSmoothingEnabled = true; // Blurs pixels when enlarging and blend pixels when zooming out.

ctx.imageSmoothingEnabled = false; // zoomed in pixels remain square with hard edges 
                                   // like in 8 bit games.
                                   // uses nearest pixel when zoomed out. 

通过图像平滑，某些设备具有更好的性能。似乎没有性能损失使这个标志关闭。