ChromeとFirefoxではアンチエイリアスが完全ではないが、InternetExplorer9では完全であるという状況があります。
簡略化されたコードは次のとおりです。
ctx.scale(zoom, zoom);
for (var i = 0; i <= 100; i++){
ctx.fillRect(i*10, 0, 1, 1000);
}
スケーリングを使用してズームアウトすると、線が均一にぼやけて影付きの正方形になり、1)一貫した線から、2)不均一に見える線、3)不均一な影付きの正方形になります。
2番を修正する方法はありますか?すべての線の代わりに影付きの正方形を描くだけで、3番を修正しました。アイデアが浮かんだのですが、それは線をぼかすなどのことでした。多分それはうまくいくでしょうか?(おそらく処理にもっと集中しますか?)
ありがとう