继续扩展三个案例，更全面地展示与圆类动画的灵活用法。圆围绕中心点做匀速圆周运动，利用角度递增并通过计算位置。案例 5：多个圆随机弹性碰撞（简单物理模拟）生成多个圆，赋予随机速度和方向，在矩形边界内弹性碰撞（仅碰撞边界，圆与圆之间不碰撞为保持简洁）。适合展示大量动态对象。案例 6：鼠标吸引与排斥（交互力场）画布上有一个主圆，鼠标距离它很近时“排斥”或“吸引”圆（这里实现吸引效果：圆会向鼠标光标移动）

this.x = x;this.y = y;ctx.fill();是现代浏览器实现流畅动画的标准方法，尤其适合与 Canvas 或 WebGL 结合使用。通过封装一个Circle类，可以轻松管理圆的位置、半径、颜色等属性，并在每一帧更新这些属性，实现丰富多彩的动画效果。以上三个案例分别演示了位移缩放和鼠标交互，可作为进一步开发复杂动画的基础。

以下是一个使用实现的简单 canvas 动画：一个彩色小球在画布边界内反弹并留下渐变轨迹。动画说明核心驱动： 循环调用函数，每帧更新小球位置并重绘。物理效果：小球拥有速度/ ，碰到边界时速度反向（弹性碰撞），同时随机改变颜色增加趣味。视觉风格：半透明背景填充制造“拖尾/轨迹”效果，形成运动模糊感。径向渐变 + 高光让小球更立体。半透明网格线增强科技感。交互：点击重置按钮可随机重置小球位置、速度以及

方法适用场景优点缺点几乎所有连续动画流畅、省电、同步刷新无法精确控制帧间隔（通常不需要）setTimeout极简单的演示或低帧率需求实现简单不流畅、页面不可见时浪费资源事件驱动交互式动态画面（非自动动画）节省计算资源不适合自动运动第三方库（p5/Three/GSAP）复杂动画或3D场景功能丰富、跨平台额外依赖体积离屏 + 局部擦除需要高性能的局部移动减少绘制面积实现复杂，需管理脏矩形最佳实践。

Intl是一个全局对象，包含多个构造函数和方法：日期时间格式化：数字（含货币、百分比、科学计数）格式化：相对时间（如“3 天前”）：列表格式化（如“A、B 和 C”）：单复数规则：字符串比较（排序）locales：地区标识符字符串或数组，如'zh-CN''en-US''ja-JP'。可选，默认使用运行环境的默认地区。options：格式化选项对象，控制输出的细节。Intl消除了手工拼接数字、日期的

等配合 CSS 类Canvas 的fillStyleSVG 的根据具体场景选择合适的方式即可。在 Web 开发（CSS / JavaScript）中，除了十六进制（如#FF0000#F00// 使用 Display P3 广色域最前沿，支持需较新浏览器。方法示例透明度支持颜色关键字"red"仅rgb / rgba是hsl / hsla是十六进制（含透明）#FF0000#FF000080是（需8位）

本次广东省口腔正畸专委会深圳市2013年年中正畸病例PK邀请赛，本着公平、公正、公开的原则，从深圳市众多正畸病例中精选优秀病例参与评比，盛邀来自北京、成都、上海、佛山、深圳五地的8位权威正畸专家担任评委，并特设大众评审团，每位与会的业界精英即作为大众评审团成员参与评选投票。 大众评审团计分细则： 1.      本次大赛采用百分制，选手满分为100分2.      权重：本次大

https://blog.csdn.net/aa200307/category_12549424.htmlhttps://blog.csdn.net/qq_50377269/category_12541039.html?spm=1001.2014.3001.5482https://blog.csdn.net/2201_76111900/category_12299188.html?spm=1001

是 Python 自带的交互式命令行调试器，可以让你在任意位置暂停程序、逐行执行、查看和修改变量、设置断点等。假设有一个求平均数的函数，但传入空列表时会报错。我们用 pdb 来定位问题。）就足以应对 80% 的命令行调试场景。遇到复杂问题时，再查阅。异常抛出后，pdb 会停在该行。程序会在第一行代码处暂停，进入 pdb 交互模式。：大部分命令支持回车重复上一次命令（例如连续按。或者先运行脚本，发生

Math.round执行标准四舍五入，注意负数时-3.5舍入为-3。返回整数（Number类型），对于浮点精度问题需额外处理。与Math.floorMath.ceilMath.trunc各有适用场景，理解区别才能正确选择。不要用Math.round配合生成随机整数（除非你清楚两端概率不均的后果）。掌握Math.round及其陷阱，可以在数值处理中游刃有余。