2010-08-12
■
JavaScript/HTML5で画像フィルタリングをしてみる
「「HTML5のcanvasで作る画像フィルター」は自分ならこう書く」を参考して、「JavaScript/HTML5で画像フィルタリングをしてみる」ページを作ってみました。
（この説明文章のさらに）下に貼り付けたのが、「JavaScript/HTML5で画像フィルタリングをする」というものです。
とりあえず作ってみたのは、任意の画像を（Scaleで”割った”）Kernelで畳み込み、さらにOffsetを足す、という処理をJavaScript/HTML5を使うことで、ブラウザ上のみで行います。
動作確認環境は、FireFox 3.6.8 (Win32)です。
空間フィルタリングのカーネル（Kernel）は5×5のサイズです。また、Kernel・Scale・Offsetいずれも整数入力で、Offsetの値域は0～255の範囲になります。
なお、Kernelの各数値間は”半角スペース１個”で区切って入力を行います。
とりあえず、”エンボス調”の処理を行うカーネルをデフォルト値にしてあります。
画像ファイルを選ぶ(Select Image File)：
