2013年2月9日

Androidの画像ボヤけ

最近ご無沙汰ですが、実はしばらくWebアプリの仕事してました。
そうです。Javascriptです。
基本はiOSしか頭にないんですがwww、WebアプリだとどうしてもAndroidのことも考えなくてはなりません。

正直に書きますね。 もうね、Android4ね!爆発しろ! って思います。

もう、泥君のこまった点はいろいろあったんですが、そのうちの一つを書いてみたいと思います。
画像のボヤけです。 某国製の銀河三とかでよく出ます。

これの解決策は諸説ありますが、試して確実だったのは、

CSS3の3Dトランスフォームを使う

ってことでした。
ボヤケる画像や、それが背景になったdivなどに対して、


$("#hoge").css("-webkit-transition-duration","0");
$("#hoge").css("-webkit-transform","rotateY(0deg)");


とかやると、シャキっとします!

お試しあれ。