“iPad の Safari で動作するマルチタッチ対応お絵描きソフトを作ってみた” からコードを拝借し、フルスクリーンで起動するように次のタグを追加してローカル上にある Mac OS のサイトディレクトリに配置した。

"apple-touch-icon"を指定しない場合のホームアイコンはページのスクリーンショットになるので、何か描いた後に “ホーム画面に追加” ボタンを実行すると良い。

デモ （リンクは予告無く削除する事があります）

フルスクリーン表示ではアドレスバーの表示が無いので、白紙に戻す時に使う “再読み込み” は “ホーム＞アイコン” とタップ数が多くなってしまう事に注意。

P.S. 子供に遊ばせてみる事にする。

更新: "apple-touch-icon"を指定したウェブアプリは iOS4 のマルチタスクに対応する様だ。

更新２（7/22）：子供とお絵描きをして遊んだ。彼は飽きたらホームボタンを押すので同時にスリープボタンを押してキャプチャを撮る事に成功。

VeriSign が使っている検証バッジはブログパーツのような方法で出力しているのだが、EMBED タグについて <embed></embed> のように書いてしまうと “[The HTML that caused this error was generated by a script.] Unmatched </embed> encountered. Ignoring tag.” という JavaScript エラーをコンソールが出力していることが分かった。

<embed />とすると解決する。