Instagram みたいなの - jsdo.it - Share JavaScript, HTML5 and CSSCanvas, File API, Drag&Drop API の組み合わせたデモです。Instagram みたいにフィルターによる画像処理ができます。 【動作確認ブラウザ】 Chrome 8, FireFox 3.6 (Chrome 7 は File API はサポートしていますが、iframe 内では動作しないため、jsdo.it 上では動作しません） 【処理】 1. Drag&Drop API で画像ファイルを取得 2. File API で画像ファイルを DATA URI 形式に変換して、Image オブジェクトで読み込み 3. Image オブジェクトを Canvas の drawImage で描画 4. Canvas の getImageData を利用して、画像のピクセルデータを取り出し 5. ピクセルデータの加工 6. 加工したデータを Canvas の
