ドラッグアンドドロップした画像をcanvasに描画する - 技術めも

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="file" /> </div> javascript // ドラッグ要素がドロップ要素に重なっている間 win