HTML5キャンバスでサブピクセルレンダリングを避ける

Question

このように、here.私はキャンバスでサブピクセルの精度についていくつかの問題を抱えています。今私はもっともっと持っています。私は提供したリンクの画像に示されているように、鋭い等尺の等角四角形をレンダリングしようとしています。レンダリングされた画像内のピクセルデータを後で処理し、現在の色を抽出しようとする試みである。

しかしので、私は、元の画像中に実際に存在しない色を受けていたサブピクセル発行イムの

！そして、あなたが画像内に見える線を描くようになっても（[1,1]から[10,10]または[1.5,1.5]から[10.5、10.5]まで）、これは単なる例）私はいつも私の結果を台無しにしているこれらのサブピクセルの色を取得しています！

どのように私はこれを避けることができるか、または擬似アイソメトリック線（ピクセルアートアイソメの角度のような擬似）を描画する正しい方法を提案するか知っていますか？私は私の形に良いハードエッジがあり、任意の種類のサブピクセルガベージを使用してレンダリングされたイメージ。

Answer 1

私が経験していることを止める標準化された方法はないようです。

ブラウザに依存するアンチエイリアスは、特定の描画操作でのみ有効または無効にすることができます。 Can I turn off antialiasing on an HTML <canvas> element?

しかし、手動で生成するために自分自身の描画機能を実装することである私のために動作しますのみ1：このスタックオーバーフローの質問にいくつかの状況でアンチエイリアシングを回避する方法のいくつかのトリックがあります

私はアンチエイリアスなしで欲しいものです。これはキャンバスのputImageData関数で行われ、このチュートリアルではright hereという使い方があります。

当分の間問題のためのAPIサポートされた解決策はありません