JAVASCRIPT：画像処理

質問

JAVASCRIPTを使った画像加工について教えてください。
一枚の顔のイメージを表示してクリックすると、口角があがったり、笑った目にしたり、眉毛をあげたりすることができるようなアプリを考えています。
なにかヒントをください。
宜しくおねがいします。

回答No.3

神崎 渉瑠（@taloo）

Operaの<canvas>のみ画像のピクセルごとの色情報を取得できますので、
各色情報を取得して変形させるように表示し直せばいいでしょう。
ただし、非常に遅いです。

それ以外のブラウザはJavaScriptだけではできませんので、
JavaScriptでクリックした位置などの情報をサーバーに送り、
サーバー側で変化させた画像を改めてダウンロードし、表示するという感じになると思います。
サーバー側はC系言語でつくればlibpngやlibjpegなどのライブラリを使って画像の読み込みもできますし
（PerlやPHPでもできると思いますが、もともとテキストデータを扱うための言語ですので、処理が遅いなどの影響が出るかもしれません）
画像全体への処理（輝度や色相調整など）であれば、ImageMagickなどのライブラリを使えば、ライブラリが肩代わりしてくれます。
ImageMagickはPerlやPHP用のライブラリもありますので、画像の読み込みはできると思います。

アルゴリズムはC++での解説になりますが、MSDNなどが詳しいと思います。
http://msdn.microsoft.com/ja-jp/academic/cc998604.aspx

モザイクは雑音の応用、引き延ばしなどは移動、拡大の応用でいけると思います。

Flashを使った物で、画質調整やトリム、拡大、赤目調整のみですが。
http://www.photoshop.com/express/ （英語のみ、ベータ版）

補足

ありがとうございます！！

>JavaScriptでクリックした位置などの情報をサーバーに送り、
>サーバー側で変化させた画像を改めてダウンロードし、表示するとい
>う感じになると思います。

とのことなんですが、これはAJAXを利用するということで良いのでしょうか？
初心者ですいません。

回答No.2

noname#84373

自分で検索すべし。
keyWord
ie javascript filter

回答No.1

yambejp

＞JAVASCRIPTを使った画像加工

javascriptはブラウザの機能に依存してしまうため、
そのような用途にはあまり向いていません。
別の方法を検討なさったほうが賢明です。

補足

回答ありがとうございます。
一部にモザイクをかけたり引き伸ばしたりするのもできないのでしょうか？？
読み込んだイメージに効果をもたせたいのですが・・・
宜しくお願いします