2

HTML5 Canvas で lineWidth の値が奇数の線を描画すると、線がぼやけてしまいますが、この問題の理由はわかっています。

今、これを克服するための解決策を知りたいです。私はすでにこれに対する解決策を知っていますが、今は実装できませんでした。したがって、この問題の他の解決策についてコメントしてください。

私の解決策:奇数の幅の線を描く必要がある場合は、線の中心を上下に 0.5 オフセットする必要があります。そうすれば、レンダリングはピクセルの境界で行われ、中央では行われず、端のエッジに残留物のないシャープな線が常に表示されます。

上記以外の解決策があれば教えてください

4

1 に答える 1

3

幸いなことに (そして悲しいことに)、0.5 ピクセルを加算/減算してラインをピクセル境界に揃えるときに、「ピクセル スナッピング」を正しく実装しました。Photoshop とは異なり、キャンバスで自動的にピクセル スナップを行うオプションはありません。...あなたの痛みが分かります!

于 2013-02-21T01:47:14.623 に答える