はじめに
このプロジェクトでは、HTML Canvas を使って画像に拡大効果を作成する方法を学びます。この効果は、画像ギャラリーや商品サイトでよく見られ、ユーザーが画像の上にマウスを乗せると特定の部分を拡大表示できるようにします。拡大効果により、新しいウィンドウやページを開くことなく詳細な表示を行うことができます。
👀 プレビュー

🎯 タスク
このプロジェクトで学ぶことは以下の通りです。
- HTML Canvas 要素を初期化して設定する方法
- 画像を Canvas に読み込む方法
- マウスの動きに対するイベントリスナーを実装する方法
- セレクターと拡大表示用のヘルパー関数を作成する方法
🏆 成果
このプロジェクトを完了すると、以下のことができるようになります。
- Canvas API を使って画像を描画し操作する
- マウスの座標を追跡し、マウスの動きのイベントに応答する
- 画像の一部をコピーして表示することで拡大効果を作成する





