古籏一浩のJavaScriptラボ ― 第14回 HTML5のcanvasで作る画像フィルター を読んで、Canvasで画像の輝度値を編集できることを知ったので、ためしに実装してみることに。 GUIや画像の端の処理などかなり手抜きだが、Firefox、Google Chrome、Operaで動作することを確認した。 処理はかなり重く、私の非力なマシンは実行するたび悲痛なファンの音を上げるほどである。。。でもしょうがないよね(´・ ω・`) ちなみに3種類のブラウザで最も実行速度が早かったブラウザはOperaであり、もっとも遅いブラウザはFireFoxだった。 HTML5 + JavaScriptによるエッジ検出 http://jstap.web.fc2.com/test/html5/filtering/filtering.html 実行結果 ソースコード 2011/04/24追記 以下は古
![HTML5 + JavaScriptで画像処理 (エッジ検出) - 御手洗特急途中下車](https://cdn-ak-scissors.b.st-hatena.com/image/square/fbb4818eaafeffd9687dadeb15785ea588a0e5ea/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2FK%2FKojo_Sugita%2F20100505%2F20100505001856.png)