Implement a Magnifying Glass Effect Using Canvas (Challenge)

# Introduction

In this project, you'll learn how to create a magnifying effect on images using the HTML Canvas. This effect is often seen on image galleries or product websites, allowing users to hover over an image and get a zoomed-in view of a specific portion. The magnifying effect provides a detailed view without having to open a new window or page.

## 👀 Preview


## 🎯 Tasks

In this project, you will learn to:

- Initialize and set up an HTML Canvas element
- Load an image onto the canvas
- Implement event listeners for mouse movements
- Create helper functions for the selector and magnified display

## 🏆 Achievements

In this project, you will learn:

- How to use the Canvas API to draw and manipulate images
- How to track mouse coordinates and respond to mouse movement events
- How to create a magnifying effect by copying and displaying a portion of an image