動作確認ブラウザ: Google Chrome 8.0.552.231, Firefox 3.6.13。共にMac版。 FirefoxはFirebugを有効にしているとwindow.openでdata URIを開くときにフリーズしてしまいました...。 画像ファイルと適応するフィルタを選んで実行を押してください。 サイズが大きいとブラウザがクラッシュするかもしれません。800x600位がいいかもです(適当)。
CanvasとFile APIとWeb Workersを組み合わせて画像にフィルタをかけてみた Posted by tatat on 2011/01/09 09:25 Categorized as JavaScript Comments (0) A「彼女が欲しいです。」B「それ、html5でできるよ。」 という程度にはhtml5周辺おもしろいです。 今回はCanvasとFile APIとWeb Workersを組み合わせて画像にフィルタをかけてみました。デモは下の方にあります。 はい、とりあえずFile APIです。今回はFileReaderを使うのでブラウザが対応しているかどうかはこんな感じで確認できました。 if(window.FileReader) { // 対応してる } else { // 対応してない } 画像を読み込んで表示するときの簡単な使い方はこんな感じです。 win
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く