CanvasとFile APIとWeb Workersを組み合わせて画像にフィルタをかけてみた | b.n-atA「彼女が欲しいです。」B「それ、html5でできるよ。」 という程度にはhtml5周辺おもしろいです。 今回はCanvasとFile APIとWeb Workersを組み合わせて画像にフィルタをかけてみました。デモは下の方にあります。 追記: 一部フィルタ処理にミスがあったのでコード修正しました… (´・ω・｀) はい、とりあえずFile APIです。今回はFileReaderを使うのでブラウザが対応しているかどうかはこんな感じで確認できました。 if(window.FileReader) { // 対応してる } else { // 対応してない } 画像を読み込んで表示するときの簡単な使い方はこんな感じです。 window.addEventListener('load', function() { document.getElementById('form').addEventL
