概要 html5を使ってローカルに有る画像ファイルを表示する簡単なhtmlを作ってみました。イメージの描画にcanvasを使用しています。 参考にさせて頂いたページ http://qiita.com/junya/items/0f977ae7f8f620fd83e7 http://d.hatena.ne.jp/oovu70/20111122/p1 ソースの説明 ファイルの読み込みに加え、イメージのロードも非同期になりますので、コールバックで処理をしないとcanvasへの描画は上手くいきません。 1. html要素として予め定義しているcanvasをセレクトしています。 2. getContext()メソッドで描画機能を有効にしています。jQueryのセレクタを使っていますのでcanvas[0]とします。 3. naturalHeight, naturalWidthでイメージのサイズを得ること