Canvas JavaScript 中的块状字体渲染
Canvas blocky font rendering in JavaScript
我想在大 Canvas 上画 Blocky Font (Atari-Like)。我已经制作了一个 Canvas，它从一个 40×40 的小像素 canvas 复制渲染场景。但看起来字体被小 canvas 平滑了。 我怎样才能禁用它？
找到了，需要使用 ctx.fillText 而不是 ctx.strokeText。
难道是你在找
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.
通过图像平滑关闭一些设备有更好的性能。关闭此标志似乎没有性能损失。
我想在大 Canvas 上画 Blocky Font (Atari-Like)。我已经制作了一个 Canvas，它从一个 40×40 的小像素 canvas 复制渲染场景。但看起来字体被小 canvas 平滑了。 我怎样才能禁用它？
找到了，需要使用 ctx.fillText 而不是 ctx.strokeText。
难道是你在找
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.
通过图像平滑关闭一些设备有更好的性能。关闭此标志似乎没有性能损失。