JavaScript

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

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

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

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

ページの下までスクロールされたことを検出する

最近のサイトは新しいデータを取得して表示するとき、ページネーション(「←前 1 2 3 次→」みたいなやつ)よりも、 ページが一番下までスクロールされたら処理するといった方法が多いように思います。 ちょっとクールだと思ったので、調べてやってみました。 …