HTML5・CanvasのメソッドとjQueryを使って、カラー画像をグレイスケール(モノクロ)に変換します。対象の画像フォーマットはpngでもjpegでもgifでもかまいません。「変換用カラー画像」の3つの読み込みボタンをクリックすると、それぞれのフォーマットのカラー画像をグレイの枠内に読み込みます。次に[モノクロに変換]ボタンをクリックすると「変換後のモノクロ画像」の下のグレーの枠内に変換した画像を表示します。

変換用カラー画像

変換後のモノクロ画像

※モノクロ変換・参照元:http://jsdo.it/ScrapEnginer/4M9I
戻るボタン