Etch A Sketch电子画板 - 旋钮控制绘图

Etch A Sketch（蚀刻素描）是一款经典的机械绘图玩具，由法国发明家 André Cassagnes 于1950年代末发明，1960年由 Ohio Art Company 在美国市场推出。它的标志性外观是红色塑料外壳、灰色屏幕和两个白色旋钮。用户通过旋转两个旋钮来控制屏幕内部的一根"触笔"，在铝粉涂层上刮出深灰色的线条。这款玩具风靡全球超过60年，被誉为20世纪最具标志性的玩具之一，甚至被收录进美国国家玩具名人堂。

真实 Etch A Sketch 的内部原理非常巧妙：
① 屏幕内部涂有一层铝粉和微小塑料珠的混合物，形成均匀的灰色表面；
② 一根隐藏的金属触笔在屏幕下方移动，刮掉铝粉露出深色的底层；
③ 左旋钮通过滑轮和线缆控制触笔的水平移动；
④ 右旋钮通过另一组线缆控制触笔的垂直移动；
⑤ 同时旋转两个旋钮可以画出斜线或曲线；
⑥ 翻转并摇动设备，铝粉重新均匀分布，画面被"擦除"。
这个纯机械设计无需电池、无需墨水，却能创作出精细的艺术作品，至今仍令人赞叹。

这个电子版模拟了真实 Etch A Sketch 的操作体验：
• 左旋钮：拖拽旋转控制画笔水平移动（顺时针→向右，逆时针→向左）；
• 右旋钮：拖拽旋转控制画笔垂直移动（顺时针→向下，逆时针→向上）；
• 键盘快捷键：← → 方向键控制水平，↑ ↓ 方向键控制垂直；
• 摇动清除按钮：模拟真实设备的摇动擦除动作，带有抖动动画；
• 颜色选择器：可自由选择线条颜色（经典模式为深灰色）；
• 线宽调节：1-6px可调，模拟不同粗细的笔触；
• 移动端支持：在手机或平板上可直接用手指拖拽旋钮绘图。

虽然 Etch A Sketch 只有一条连续不断的线条（笔不能"抬起"），但许多艺术家用它创作了令人惊叹的作品：
• 肖像画：通过精细的旋钮控制和分层走线来表现明暗；
• 建筑素描：直线和几何形状是它的强项；
• 文字艺术：用连续的线条写出漂亮的字体；
• 风景画：利用水平线叠加营造远近层次感。
小技巧：同时缓慢旋转两个旋钮可以画出平滑的斜线；快速交替旋转可以创造出纹理效果。由于线条永远连续，需要提前规划好"行走路径"，这也是 Etch A Sketch 创作的独特魅力所在。

这个电子版在保留经典操作方式的基础上，进行了多项现代化改进：
✅ 多彩线条：突破经典单色限制，自由选择颜色；
✅ 可调线宽：1-6px灵活调节，满足不同精度需求；
✅ 键盘辅助：支持方向键精确控制，适合精细操作；
✅ 移动端适配：手机平板均可流畅使用；
✅ 无需摇动：一键清除，避免了真实设备摇动时铝粉飞散的"粉尘问题"；
✅ 无限画布寿命：真实设备长期使用后铝粉会逐渐损耗，电子版永不磨损；
✅ 截图保存：完成作品后可直接截图分享（使用系统截图工具）。

本工具使用纯前端技术构建：
• HTML5 Canvas：用于实时渲染绘图内容，支持高分辨率显示；
• 旋钮角度追踪：通过监听鼠标/触摸事件，计算相对于旋钮中心的极坐标角度变化，精确转换为画布坐标偏移；
• 多点触控：两个旋钮可同时被不同手指操作，完美支持移动端；
• Bootstrap 5：提供响应式布局和UI组件；
• 无后端依赖：所有数据在浏览器本地处理，隐私安全；
• 设备像素比适配：自动检测屏幕密度，在Retina屏幕上呈现清晰线条。