線のアンチエイリアシング効果を避けるために、x 座標と y 座標で 0.5 ピクセルを変換する必要があることはわかっていますが、これは 2 次曲線では機能しません。アンチエイリアシングの影響を受けずに二次曲線を描く必要があります。座標 x、y およびプロパティ lineTo() と quadraticCurveTo() を使用して文字を描画する必要がありますが、この文字にアンチエイリアシング効果を持たせたくありません。
2554 次
1 に答える
0
残念ながら、現在アンチエイリアスをオフにすることはできません。
前回確認したとき、whatWG はまだこのオプションを追加することを考えていましたが、これまでのところ推奨事項はなく、アンチエイリアスを無効にするブラウザも実装されていません。
最も近いのは、画像を描画するときです。
context.imageSmoothingEnabled=false; // see description below
おそらく、 drawImage() を使用して文字曲線をレンダリングするものをハックすることができます。three.jsがこのメソッドを使用してより滑らかな曲線を描くことをどこかで読みましたが、どこでメモリが失敗しますか。
imageSmoothingEnabled の説明
- ピクセルがディスプレイと正確に一致しない場合に、パターン塗りつぶしと drawImage() メソッドが画像を滑らかにしようとするかどうかを返します。画像をスムージングするか (true)、しないか (false) を変更するように設定できます。( http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#image-smoothing );を参照してください。
于 2013-03-08T00:31:28.133 に答える