# 在方格纸上画旋转90°后的图形｜AI开发补充说明

## 1. 基本信息
- 序号：03-01-KP2
- 单元：图形的运动
- 所属课题：图形的旋转（一）
- 开发优先级：P1-次优先

## 2. 这份文档的用途
这份文档不是替代需求文档、页面说明、开发文档，而是补给开发型 AI 的开工说明。
你应当把它和原有三件套一起看，再直接在 edunav.cn 现有项目里开做。

## 3. 开发通用要求
基于 edunav.cn 现有项目直接开发，不要新建独立项目。一个知识点只做一个模块，模块需要有独立 UI，但整体风格、路由、组件复用、代码组织必须服从现有站点。先看项目现有目录、组件、样式、依赖和交互写法，优先复用，不要破坏已有页面与功能。直接交可运行代码，不要只交原型、方案说明或伪代码。

## 4. 本模块最重要的个性要求
这个模块重点是“找对应点”。方格纸一定要清楚，旋转后的每个顶点位置要能被单独判断。学生点错时，不要只打叉，要把从旋转中心到原点、再到目标点的引导线显示出来，让他看见距离不变、方向转了 90°。这个模块必须帮学生建立定位过程，而不是只告诉他答案。

## 5. 这条知识点当前最需要解决的学生难点
在方格纸上画出旋转90°后的图形，对应点的位置容易找错

## 6. 现有教学讲法
①在方格纸上演示旋转90°的步骤：定旋转中心→找关键点→旋转各点→连线；②强调对应点到中心距离不变。

## 7. 建议优先做成的交互落点
拖拽操作型：用户在方格纸上点击各顶点的旋转后位置，系统检查是否正确。点错时显示引导线段和距离提示。

## 8. 交付验收要求
你交付时必须让我能直接在 edunav.cn 项目里看到可运行模块。至少要包含：1）完整页面或模块代码；2）核心交互已实现，不是占位；3）关键文案、按钮、反馈和边界状态齐全；4）明确改了哪些文件；5）给出启动方式和访问路径；6）不能影响现有功能；7）我进入页面后能直接演示这个知识点的核心过程。

## 9. 给开发 AI 的直接执行口径
- 先结合网站现有目录、路由、组件、样式体系判断这个模块该接到哪里。
- 不要反复输出分析稿，直接进入实现。
- 先保证主交互闭环跑通，再补细节打磨。
- 如果三件套和本说明有冲突，以“更贴近这个知识点核心理解障碍、且能在 edunav.cn 中落地”为准。