📖 简介

本工具是一款交互式轴对称图形教学小工具，通过可调节的对称轴，实时生成任意图形的轴对称图形，并提供精准的专业测量系统验证对称性质。工具支持自由绘制、线段绘制、点标记等多种创作方式，配备角度/距离/长度量化测量功能。

🎯 主要功能

1. 动态对称轴系统

• 0-180°无极调节对称轴角度（滑块控制）
• 橙色高亮显示对称轴，带箭头方向标识
• 实时重绘所有对称图形，响应速度<16ms

2. 多元绘制工具箱

• 自由绘制：鼠标拖拽连续绘制任意曲线
• 点标记：点击画布放置关键点
• 线段绘制：两点确定一条线段，自动绘制端点
• 测量模式：智能识别最近点，支持三种测量方式

3. 专业测量验证系统

• 基础测量：自动计算连线与对称轴夹角、两点到轴距离及差值
• 角度测量：选取三个点测量原图形与对称图形的角度差
• 线段测量：对比原线段与对称线段的长度差异
• 智能判定：测量结果绿色表示符合对称性质，橙色表示偏差

4. 辅助教学功能

• 网格显示：25px间距浅灰色网格，辅助精准绘图
• 状态提示：底部实时显示操作指引和反馈信息
• 撤销操作：支持单步回退，容错性强
• 分层清除：可单独清除原图、对称图或全部内容

5. 数据可视化面板

• 右侧实时显示测量数据面板
• 动态显示四组核心参数（夹角、距离、差值）
• 专业测量模式下分区域显示专项数据

🎓 适用场景

📋 使用说明

第一步：启动与界面认识

1. 在支持HTML5的浏览器中打开文件
2. 左侧为控制面板，右侧为绘图画布
3. 画布中央橙色实线为对称轴，默认为垂直90°

第二步：调节对称轴

• 拖动左侧"对称轴角度调节"滑块（0-180°）
• 实时观察对称轴旋转，所有对称图形同步更新
• 角度数值显示在滑块下方

第三步：选择绘制工具

点击左侧"绘制工具"区的四个按钮：

• 自由绘制：鼠标按下拖拽绘制任意曲线，松开后自动生成对称图形
• 绘制点：单击画布放置关键点和对称点（蓝色/绿色圆点）
• 绘制线段：第一次点击确定起点，第二次点击确定终点，蓝色线段+绿色对称线段
• 测量模式：进入测量状态，需配合下方专业测量按钮使用

第四步：使用测量功能

1. 基础测量：

   • 确保"测量模式"激活且未选择专业测量
   • 点击原图形上任意一点，系统将自动连接对应对称点
   • 右侧面板显示夹角、距离等数据，绿色代表符合对称性质

2. 角度测量：

   • 点击"角度测量"按钮
   • 依次点击角的顶点→第一条边上的点→第二条边上的点
   • 右侧面板专用区域显示原图形与对称图形角度对比

3. 线段测量：

   • 点击"线段测量"按钮
   • 依次点击线段的起点和终点
   • 右侧面板专用区域显示长度对比数据

第五步：辅助功能使用

• 显示网格：勾选后显示25px参考网格
• 清除操作：

  • "清除全部"：清空画布所有内容
  • "清除原图"：仅保留对称图形
  • "清除对称图"：仅保留原图
  • "撤销操作"：逐步回退上一步绘制

第六步：操作技巧

• 精确选点：测量时系统将自动吸附到最近的关键点（25px范围内）
• 触摸支持：在平板设备可直接用手指操作
• 状态提示：留意画布左下角的操作指引和反馈信息
• 实时验证：测量后立即观察数据颜色，绿色为正确，橙色需调整