简介

这是一个基于Web技术开发的交互式几何教学演示工具，专门用于直观展示轴对称与中心对称的数学原理。实现了实时参数调节、动态对称变换、自动验证反馈等功能。无需安装任何软件，打开浏览器即可使用。

主要功能

1. 双模式对称演示

• 轴对称模式：可自由调节对称轴角度（0-180°）和位置偏移（±8cm），实时生成镜像图形
• 中心对称模式：可精确设置对称中心坐标（X/Y轴±8cm/±6cm），展示180°旋转对称效果

2. 多样化图形库

提供6种预设图形：

• 基础几何图形：三角形、矩形、正五边形
• 字母符号：大写字母A、H
• 特殊图形：心形曲线

3. 实时参数交互

• 配备可视化滑块控制器，参数变化即时生效
• 数值显示精确到1°或1cm，符合教学精度要求
• 滑动过程平滑无卡顿，支持快速预览

4. 智能动画演示

• 轴对称动画：模拟"对折"过程，包含对称轴高亮、图形移动、重合验证三个阶段
• 中心对称动画：展示绕中心点180°旋转的完整轨迹
• 动画时长3-4秒，节奏适中，支持教学中分步讲解

5. 教学辅助功能

• 性质实时显示：根据当前模式动态展示对应的对称性质
• 自动验证系统：实时检测并反馈对称变换是否成功
• 坐标网格系统：内置厘米级刻度网格和精细辅助网格
• 一键重置：快速恢复初始状态，便于重复演示

适用场景

👨‍🏫 课堂教学

• 初中数学几何课的实时演示工具
• 替代传统黑板作图，提高教学效率
• 支持大屏投影，全班学生清晰可见

📚 自主学习

• 学生课后巩固概念的交互式练习平台
• 通过参数调节深化对对称性质的理解
• 视觉化反馈帮助自我检测学习效果

💻 在线教育

• 嵌入网络课程或教学平台
• 教师远程教学时共享屏幕演示
• 学生居家学习时的虚拟实验环境

🎨 设计参考

• 平面设计人员理解对称构图原理
• 工业设计中对零件的对称性验证
• 艺术创作中的对称美学探索

使用说明

第一步：启动工具

1. 将HTML文件保存至本地或部署到Web服务器
2. 使用现代浏览器（Chrome、Firefox、Edge等）打开文件
3. 页面加载完成后自动显示默认的轴对称三角形图形

第二步：选择对称类型

• 点击左侧控制面板顶部的 「轴对称」 或 「中心对称」 按钮
• 选择后下方会显示对应的参数控制面板

第三步：选择演示图形

• 在"图形选择"区域点击任意图形按钮：

  • 三角形：适合演示基础轴对称性质
  • 矩形：展示双对称轴特性
  • 五边形：复杂多边形的对称性
  • 字母A/H：现实应用案例
  • 心形：曲线图形的对称美

第四步：调节对称参数

轴对称模式：

1. 拖动 「对称轴角度」 滑块改变轴线倾斜度
2. 拖动 「轴位置偏移」 滑块左右移动对称轴
3. 观察右侧画布中橙色虚线的实时变化

中心对称模式：

1. 拖动 「对称中心 X」 滑块调节水平位置
2. 拖动 「对称中心 Y」 滑块调节垂直位置
3. 观察紫色中心点和红色对称图形的联动

第五步：运行动画演示

1. 点击 「动画演示」 按钮
2. 系统将自动执行：

   • 对称轴/中心高亮放大
   • 原图形渐变或旋转动画
   • 对称图形渐显并闪烁验证
   • 所有元素恢复初始状态
3. 动画期间按钮会显示"演示中..."并禁用，防止重复触发

第六步：查看教学反馈

• 底部信息面板实时显示当前对称性质
• 验证结果框会在参数变化时自动更新：

  • 绿色✓：对称变换正确
  • 红色✗：对称变换未完成

第七步：重置与重新开始

• 点击 「重置」 按钮恢复所有参数到默认值
• 可快速切换图形和对称类型进行新一轮探索