ホーム画面で背景をアイコンで隠さず表示するために、こういうアイディアはどうだろう。
左上にこっそり背景と全く同じアイコンを置いてますw
以下のような手順で作っている。
1. ホームの背景画像に使いたい画像をPCに転送
なんとかして転送する。
2. アイコン画像を作成する
画像のleft:18px, top:34pxの位置から idth:57px, height:57px の画像を抜き出す。(iPhone4だと2倍した位置になると思う)
抜き出した画像をは「apple-touch-icon-precomposed.png」という名前で保存する。
3. HTMLの作成
保存した画像と同じフォルダに、以下のHTMLを適当な名前で保存する。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <title>.</title> <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png" /> </head><body> ホーム画面に追加してください </body> </html>
5. アップロードしてホームアイコン設定
apple-touch-icon-precomposed.pngとHTMLをアップロードしてSafariで表示し、「+」アイコンで、「ホーム画面に追加」をする。しばらく待たないとアイコン画像が取得できないので注意。
アイコンがホーム画面に追加できたら、あとはアイコン位置調整して、完了!
# ……改めて書き出してみると、結構メンドイ作業だなこれ。