強火で進め

このブログではプログラム関連の記事を中心に書いてます。

少数点を含んだサイズや位置をピクセル指定を行った時の描画結果


ピクセル指定でサイズや位置を指定しても最終的なディスプレイは整数の位置しか持ってないなので整数位置に整列しそうな気もしますが実際は異なるみたいです。

実際は条件によってはこんな描画になってしまう場合も有るみたいです。まぁ、よっぽどの理由が無いとピクセル指定で少数点付きの値を指定しないだろうし、普通の人は大丈夫かな?

色々なデバイス向けのWebページを自動的に作成してくれるシステムを作る時などには気を付けないといけないかも?

情報元はこちら。こちらに記載されているデモページをiPhone 4で表示すると青い色のボタンの方はズレが発生していて、黒いボタンの方はズレが発生していないのが確認出来ます。

Subpixel Rendering « CSS3 Wizardry
http://css3wizardry.com/2010/10/05/subpixel-rendering-2/