【ハウツー】HTML5 Canvas×jQuery、グレースケールの画像を自動生成する方法 (2) いざ、修正! | エンタープライズ | マイコミジャーナルでは、順に修正を施していこう。 1. jquery.jsをロードする jQueryをデプロイし、grayscale_image_test.htmlに次の1文を追加する。 <script src="jquery.min.js" type="text/javascript"></script> 2. JavaScriptコードをペーストする gray_scale_image_test.htmlに次のJavaScriptコードを追加する。(HTML5 Grayscale Image Hover - jQuery Codeより引用) このJavaScriptコードでおこなっている処理は次のとおり。 セレクタで選択した画像をもとに、グレースケール画像をCanvasで作成。オリジナル画像と同じ座標に表示する 画像にマウスカーソルが乗った(mouseover)際に、オリジナル画像の透明度(opacity
