사용자가 직선, 원, 정사각형과 같은 기하학적 도형을 구성할 수 있는 인터랙티브 캔버스 시각화 앱을 만드세요. 꼭짓점과 광선이 보이도록 하고, 선분 작성 기능을 포함하세요. 정밀한 정렬을 위해 데카르트 격자를 구현하세요. 사용자들은 요소를 삭제하고 이동할 수 있어야 하며, 교차점에서는 고유한 이름을 가진 새로운 점이 자동으로 나타나야 합니다.

## 기능
- 캔버스를 사용하여 그림 그리고 상호작용하기.
- 도형은 직선, 원, 정사각형 등이며, 꼭짓점과 광선이 보입니다.
- 정밀함과 명확함을 위한 데카르트 격자를 제공합니다.
- 클릭 후 드래그로 점과 도형을 추가 및 이동합니다.
- 점의 이름과 좌표가 마우스 오버 시 표시됩니다.
- 요소 삭제 및 교차점에서 자동 스냅 기능을 활성화합니다.

## 사용자 상호작용
- 캔버스를 클릭하여 점과 도형을 만듭니다.
- 드래그하여 요소의 위치를 변경합니다.
- 점 위에 마우스를 올리면 이름과 좌표가 나타납니다.

## 구현
- 직관적 사용과 명확한 기능 표시를 위해 앱을 구성합니다.
- 사용자 상호작용이 원활하고 반응성이 뛰어나도록 유지합니다.
- 매끄럽고 사용자 친화적인 인터페이스를 위해 최선의 방법을 사용합니다.

Создай визуализацию на канвасе возможности постройки прямой, окружности, квадрата, чтобы видно было вершины, лучи чтобы можно было делать. отрезки, И чтобы сетка была декартова чтобы все по сетке мелкой делалось. чтобы удалять можно было и чтобы новые ставить на пересечении появлялись новые точки с новыми названиями итд

Q: Как пользователь должен взаимодействовать с фигурами на холсте?
A: Клик для создания, перетаскивание для перемещения

Q: Какую информацию нужно отображать для точек и фигур?
A: Точки с именами, координаты при наведении