创建一个交互式画布可视化应用，允许用户构造直线、圆和正方形等几何图形。确保显示顶点和射线，并允许创建线段。实现一个笛卡尔网格以确保精确对齐。用户应能删除和移动元素，并且在交叉处自动生成具有唯一命名的新点。

## 功能
- 使用画布进行绘图和交互。
- 图形包括显示顶点和射线的直线、圆、正方形。
- 显示笛卡尔网格，保证精准和清晰。
- 通过点击和拖动添加与移动点及图形。
- 显示点名称，并在悬停时展示坐标。
- 支持删除元素并在交叉处自动捕捉新点。

## 用户交互
- 点击画布创建点和图形。
- 拖动以重新定位元素。
- 悬停在点上查看其名称和坐标。

## 实现
- 设计直观且功能清晰的应用结构。
- 保持用户交互的流畅与响应迅速。
- 采用最佳实践，打造无缝且用户友好的界面。

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

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

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