PWM 原理 — LED 呼吸灯交互式教程
通过改变高电平占空比，直观展示 LED 亮度的连续变化；用透明度动画模拟 PWM 的视觉效果。 单文件 HTML，零外部依赖，浏览器直接打开即可使用。
快速开始
用浏览器打开 PWM原理-LED呼吸灯.html 即可进入教程。拖动占空比滑块观察 LED 亮度变化，切换到呼吸灯模式观看自动扫描效果。
内容结构
| 什么是 PWM？ | 基本概念 | 占空比定义、高/低电平时间、5 周期波形可视化 |
| 占空比 → LED 亮度 | 核心联动 | PWM 波形实时滚动、LED 透明度联动、γ 校正亮度曲线 |
| 呼吸灯效果 | 自动扫描 | 大 LED 发光体、三角波/正弦波切换、呼吸周期调节 |
| PWM 频率的影响 | 频率感知 | 5Hz 闪烁 vs 100Hz 稳定，并排对比 |
| 单片机 C51 实现 | 代码示例 | Timer0 软件 PWM + 呼吸灯主循环 |
