javascript - HTML5 キャンバスで 8 ビット シェイプを描画する方法

Question

私は現在、Atari アーケード ゲームの HTML5 への移植に取り組んでおり、レトロ スタイルの形状を実装する方法にこだわっています。

この<canvas>要素はブラウザ間でのピクセル補間の無効化をまだ十分にサポートしていないため、低解像度のゲームはぼやけてぼやけて表示されます。

代わりに、JavaScript で 8 ビットの図形を描画する方法を知りたいです。

例えば：

描きたい円：

また、このような線を描く最良の方法：

キャンバスに 8 ビットの円と線を描画する方法。