canvasにローカルの画像ファイルを描画するには - 技術めも適当なお絵描きサイトをHTML5, canvas, javascriptで作ってました。 その時にやりたかったのが、canvas内にローカルの画像ファイルを描画し、 その画像を背景にお絵描きすることだったんですが、意外につまづいたので、メモしておきます。 仕様の概要はこんな感じです input type="file"を使ってローカルファイルを参照すること 参照した画像ファイルをcanvasに描画すること 画像ファイルをサーバにアップロードしないこと（ローカルで完結） ソースは以下の通り HTML <div id="drawArea"> <canvas id="myCanvas" width="300" height="300"></canvas> </div> <div id="uploadArea"> <input id="uploadFile" name="image" type="f
