HTML5

canvasにローカルの画像ファイルを描画するには

適当なお絵描きサイトをHTML5, canvas, javascriptで作ってました。その時にやりたかったのが、canvas内にローカルの画像ファイルを描画し、その画像を背景にお絵描きすることだったんですが、意外につまづいたので、メモしておきます。 仕様の概要はこんな…

ドラッグアンドドロップした画像をcanvasに描画する

canvasにローカルの画像ファイルを描画するには - 技術めもとほぼ同じ処理です。画像の選択をinput type="file"で対応していたのを、ドラッグアンドドロップでできるようにしただけです。 仕様の概要はこんな感じです ドラッグアンドドロップしたローカルフ…