# 在方格纸上画放大/缩小后的图形｜AI开发补充说明

## 1. 基本信息
- 序号：02-06-KP2
- 单元：比例
- 所属课题：图形的放大与缩小
- 开发优先级：P1-次优先

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

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

## 4. 本模块最重要的个性要求
这个模块要把“先按比例算，再落点画图”的过程拆开给学生看。用户拖顶点时，系统要实时检查每条边是否符合比例，错了就高亮哪一段不对，并给出距离或比例提示。方格纸要做得足够清楚，不能让孩子因为看不清网格而误判。重点是让学生知道画图不是凭感觉，而是按比例定位。

## 5. 这条知识点当前最需要解决的学生难点
按比例算出新边长后再画；边长和面积的变化不同比

## 6. 现有教学讲法
①在方格纸上逐条边按比例算新长度再画；②连接关键点。

## 7. 建议优先做成的交互落点
拖拽操作型：用户在方格纸上拖动顶点画新图，系统检查每条边是否符合比例。不符合时高亮提示。

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

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