HTML5入門その20-写真にお絵かき1

HTML5についてはこのカメラにお絵かきで一旦終了します.

ここでは,まずカメラを起動して画像をcanvasに読み込みます.

そのために,ライブラリを使用します.ライブラリは便利機能を別のファイルに記述しておいて呼び出すというものです.代表的なものにjQueryがあります.

今回は,画像処理関係でiphoneに起きるトラブルを解消してくれるライブラリです.

ここをクリックし,開いたファイルをそのままの名前(megapix-image.js)で保存してください.(Macのみ)

Windowsの場合は,どうすればいいのか分かりませんが,改行されないで保存できるようにいろいろやってみてください.

たぶん開いてテキストエディタにコピペして,指定の名前で保存かと.

これを,いまから作成するHTMLファイルと同じ階層に配置します.

ここまでが準備です.