iPhone 4でも3でも綺麗に表示されるCanvasの使い方iPhone 4のディスプレイ解像度はiPhone 3GS/3Gに比べ縦2倍、横2倍になっている。Retinaディスプレイと呼ばれるこの高DPIディスプレイはフォントなどのスケーラブルデータを美しく表示する手助けをする。しかし、スケーラブルではないデータ、例えば画像などはそのまま2x2倍へ引き伸ばして表示するため、どうしてもギザギザが目立ってしまう。 iPhone 4でもPCでも画像を綺麗に表示するCSSの使い方 iPhone 4に対応したWebサイトを作る方法 これはHTML5のCanvasを使った場合でも同様だ。Canvas要素で描画した内容は基本的にピクセルベースであり、iPhone 4では2x2倍に引き伸ばして表示される。この問題は、画像であれば、CSS3のメディアクエリを使って解像度が2倍率であると判断した場合に2x2倍のサイズで用意した画像を使うようにすることで回避できる。Ca
