javascript - 如何在 HTML5 画布中绘制 8 位形状

Question

我目前正在将 Atari 街机游戏移植到 HTML5 并坚持如何实现复古风格的形状。

由于该<canvas>元素还不支持禁用跨浏览器的像素插值，因此低分辨率游戏显得模糊不清。

相反，我想知道如何在 JavaScript 中绘制 8 位形状。

例如：

我希望能够绘制的圆圈：

也是画这样的线的最佳方法：

如何在画布中绘制 8 位圆和线。